[CSS] COLOR - 색상

 

 

16진수 표기법

 

- #기호 다음에 6자리의 16진수로 표시

- #RRGGBB (RR - 빨간색, GG - 초록색 BB - 파란색)

- 00 : 색상이 하나도 섞이지 않음

- ff : 가득 섞여 있음

ex) #000000은 검은색, #ffffff은 흰색

십진수	0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
16진수	0	1	2	3	4	5	6	7	8	9	a	b	c	d	e	f

 

rgb / rgba 표기법

- 0 : 하나도 섞이지 않음

- 255 : 가득 섞임

ex) rgb(0,0,0) 또는 rgb(0,0,0,0) 은 검은색, rgb(255,255,255) 또는 rgb(255,255,255,255) 은 흰색

 

hsl / hsla 표기법

 

- h : hue (색상) - 색의 3요소 중 하나로 각도를 기준으로 색생을 둥글게 배치한 색상환 

- s : saturation (채도) - %로 표시하는데 아무것도 섞이지 않은 상태가 채도가 가장 높은 상태

- l : lightness (밝기) - %로 표시하는데 0%가 가장 어둡고, 100%가 가장 밝음

ex) hsl(360, 100%, 0%)은 빨간색