CSS Reference

CSS 색상

CSS는 색상을 표현하는 방법이 다양합니다.

16진수 표기법

두자리씩 묶어서 #RRGGBB 형식으로 표현합니다. RR은 빨간색, GG는 초록색, BB는 파란색이고 각 자리에 16진수(00~FF)로 각 색상의 양을 표현합니다.

16진수 표기법 예시

: FF0000

: 00FF00

: 0000FF

RGB와 RGBA

rgb(255,255,255)는 십진수를 이용하여 표현합니다. 숫자는 색상의 양을 나타내고 a는 투명도(alpha)를 나태냅니다. 투명도는 0과 1사이 값으로 표현합니다.

rgb(red 값, green 값, blue 값);

rgba(red 값, green 값, blue 값, alpha 값);

HSL와 HSLA

HSL은 색상(hue), 채도(saturation), 밝기(lightness)를 나타냅니다. 색상은 둥글게 배치한 색상환으로 표시하고 0도와 360에는 빨간색, 120도에서는 초록색, 240도에서는 파란색이 배치됩니다. 채도가 0%이면 회색톤, 100%이면 순색으로 표시됩니다. 밝기는 0%에서는 가장 어둡고 100%에서는 가장 밝습니다.

hsl(hue 값, saturation 값, lightness 값);

hsla(hue 값, saturation 값, lightness 값, alpha 값);

색상 이름 표기법

색상 이름을 이용하여 색을 표현 할 수 있습니다. 가장 기본적인 16가지를 포함하여 216가지의 색상 이름 표기법이 있습니다.

aqua, black, blue, fnchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow