css 색상 표현 방법

CSS 색상 표현 방법

css에서 색을 표현하는 방법
👉색상 이름으로 표현
👉RGB 색상값으로 표현
👉16진수 색상값으로 표현

---

색상 이름으로 표현

W3C에서 정의한 16개의 HTML4 표준 색상 이름은 다음과 같다.

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

---

RGB 색상값으로 표현

모니터나 스크린은 빨간색(Red), 녹색(Green), 파란색(Blue)을 혼합하여 색을 표현하는데 HTML 에서도 이 세 가지 색을 가지고 RGB색상을 사용한다.
RGB 색상의 기본색(Red, Green, Blue)은 각각 0부터 255까지의 범위를 가진다.

<style>
.blue { color: rgb(0,0,255); }
.green { color: rgb(0,128,0); }
.silver { color: rgb(192,192,192); }
</style>

---

16진수 색상값으로 표현

16진수 색상값은 RGB 색상값을 각각 16진수로 변화한 것이다. RGB 색상의 기본색(Red, Green, Blue)은 각각 00부터 FF까지의 범위를 가진다.
예를 들면, 빨강을 나타내는 RGB 색상값 rgb(255, 0, 0)은 16진수 색상값으로는 #FF0000이 된다.

<style>
.blue { color: rgb(0,0,255); }
.green { color: rgb(0,128,0); }
.silver { color: rgb(192,192,192); }
</style>