CSS color

색상 키워드 - red, blue, yellow 등

투명 키워드 - transparent 

현재 색상 키워드 - currentcolor

RGB 색상

16진수 표기법

#RGB, #RRGGBB, #RRGGBBAA

p { color: f00;} /*red color*/
p { color: ff0000;}  /*red color*/
p { color: ff0000ff;}  /*red color*/

 

10진수 표기법

rgb[a](R,G,B[,A]), rgb[a](R G B [ / A])

p { color: rgb(255,0,0);} /*red color*/
p { color: rgb(255 0 0);} /*red color*/
p { color: rgb(255,0,0,255);} /*red color*/

 

HSL 색상 

HSL은 색조(hue), 채도(saturation), 명도(lightness)를 통한 색상 표현 모델이다.

hue는 각도(degree) 값으로 제어하며, saturation 와 lightness는 퍼센트 값이다.

hsl[a](H, S, L[, A]), hsl[a](H S L[ / A])

p { color: hsl(360, 100%, 50%);} /*red color*/
p { color: hsl(0, 100%, 50%);} /*red color*/

 

HWB 색상

색조(hue), 백색(white), 흑색(black)을 통한 색상 표현 모델이다.

hue는 각도(degree) 값으로 제어하며, white와 black은 퍼센트 값이다.

hwb(H W B[ / A])

p { color: hwb(0, 0%, 0%);} /*red color*/
p { color: hwb(0, 100%, 0%);} /*white color*/
p { color: hwb(0, 0%, 100%);} /*black color*/