[CSS] 색 (Color)

CSS에서 색을 표현하는 방법

색상 이름으로 표현

• HTML에서 색상 이름은 대소문자를 구분하지 않는다.
• https://www.w3schools.com/cssref/css_colors.asp 에 있는 색상 이름을 참고하면 된다.

.blue { color: blue; }

.green { color: green; }

.silver { color: silver; }

RGB 색상 값으로 표현

• 빨간색(Red), 녹색(Green), 파란색(Blue)을 혼합하여 색을 표현하는 RGB 색상값을 사용할 수 있다.
• RGB 색상의 기본색(Red, Green, Blue)은 각각 0부터 255까지의 범위를 가진다.
• https://htmlcolorcodes.com/ 를 참고하여 사용하면 된다.

.blue { color: rgb(0,0,255); }

.green { color: rgb(0,128,0); }

.silver { color: rgb(192,192,192); }

16진수(HEX) 색상 값으로 표현

• 16진수 색상값은 RGB 색상값을 각각 16진수로 변환한 것이다.
• RGB 색상의 기본색(Red, Green, Blue)은 각각 00부터 FF까지의 범위를 가진다.
• https://htmlcolorcodes.com/ 를 참고하여 사용하면 된다.

.blue { color: #0000FF; }

.green { color: #008000; }

.silver { color: #C0C0C0; }