STYLE - 색(Color)

HTML 색 표현하기

HTML에서 색을 표현하는 방법은 3가지의 방법이 있습니다.

• 1. 색상이름을 표현하기3. 16진수 색상값을 표현하기
• 2. RGB 색상값을 표현하기

---

색상을 이름으로 표현

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

 

예제

<h1 style="color:blue">글자에 파란색 색상을 표현</h1>
<h1 style="color:green">글자에 녹색을 표현</h1>
<h1 style="color:red">글자에 빨간색을 표현</h1>

---

색상을 RGB로 표현

스크린은 RGB(빨간색, 녹색, 파란색)을 혼합하여 색을 표현합니다.

HTML에서도 위와 같은 3가지 색을 표현하는 RGB를 사용합니다.

 

예제

<h1 style="color:rgb(0,0,255)">RGB 파란색 표현</h1>
<h1 style="color:rgb(0,128,0)">RGB 녹색 표현</h1>
<h1 style="color:rgb(255,0,0)">RGB 빨간색 표현</h1>

---

16진수로 색상을 표현

16진수색상은 RGB를 각각 16진수로 변환한 코드입니다.

각각의 기본색(Red, Green, Blue)는 각각 00 ~ FF 까지의 범위를 가집니다.

 

예제

<h1 style="color:#0000FF">16진수 색상값으로 표현된 파란색</h1>
<h1 style="color:#008000">16진수 색상값으로 표현된 녹색</h1>
<h1 style="color:#FF0000">16진수 색상값으로 표현된 빨간색</h1>