아래의 형식들을 사용하여 색상을 지정할 수 있다.

1. Keyword

   색상마다 부여된 이름으로 지정.

   https://developer.mozilla.org/ko/docs/Web/CSS/color_value#색상_키워드

2. RGB(A)

   빨강, 초록, 파랑의 광원으로 색을 혼합하는 방식이며

   끝에 알파값을 붙여 투명도를 조절할 수 있다.

   • 알파값을 넣어 사용할 때에는 rgb()를 사용.

   rgb( x, y, z)

   각각 0~255 사이의 값을 가진다. (혹은, %단위를 이용하여 표현할 수 있음)

   rgb(100%, 0, 0) → RED

   rgb(0, 0, 100%) → BLUE

   rgb(255, 255, 255) → WHITE

   rgb(0, 0, 0) → BLACK

   rgba(0, 0, 0, 0.25) → 불투명한 회색에 가까움

3. HEX

   R, G, B, ALPHA 값들을 16진수 형태로 나타낸 것.

   0123456789ABCEDF

   #000000 → BLACK

   #FFFFFF → WHITE

   #555555 = #555로도 쓰임. → GREY

   #0000FF80 → 불투명한 파란색

4. HSL(A)

   색상, 채도, 명도값, 알파값을 조합하여 색을 나타낸 것.

   hsl(0, 100%, 100%) → WHITE

   hsl(0, 100%, 0%) → BLACK