CSS CSS 색상
CSS 색상
CSS에는 색을 표현하는 네 가지 방법이 있다.
1. 색상 이름으로 표현
색상 이름으로 표현이 가능하다.
2. RGB 색상값으로 표현
모니터나 스크린은 빨간색(Red), 녹색(Green), 파란색(Blue)을 혼합하여 색을 표현한다. 따라서 이 세 가지 색을 가지고 색을 표현하는 RGB 색상을 사용한다. RGB 색상의 기본색(Red, Green, Blue)은 각각 0부터 255까지의 범위를 가진다.
3. 16진수 색상값으로 표현
16진수 색상값은 RGB 색상값을 각각 16진수로 변환한 것이다. 따라서 RGB 색상의 기본색(Red, Green, Blue)은 각각 00부터 FF까지의 범위를 가진다.
4. HSL/HSLA 값으로 표현
HSL는 Hue(색상), Saturation(채도), Lightness(명도)로 색상을 정의하는 방법이다. 색상은 0부터 360까지의 색상환에 따라 결정되며 0:red, 120:green, 240:blue로 나타난다. 채도와 명도는 백분율로 나타낸다. HSLA는 HSL방식에서 불투명도 지정 기능이 추가된 것이며 HSLA(색상, 채도, 명도, 불투명도) 형식으로 나타낸다.