HTML 기본 요소-2

HTML 색

HTML 색(Color) 표현

1. HTML에서 색을 표현하는 방법은 다음과 같이 세 가지 방법이 있다.
   • 색상 이름으로 표현
   • RGB 색상값으로 표현
   • 16진수 색상값으로 표현

색상 이름으로 표현

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

2. HTML에서 색상 이름은 대소문자를 구분하지 않는다.

<h3 style="color:blue">색상 이름으로 표현된 파란색</h3>
<h3 style="color:green">색상 이름으로 표현된 녹색</h3>
<h3 style="color:silver">색상 이름으로 표현된 은색</h3>
<h3 style="color:teal">색상 이름으로 표현된 청록색</h3>
<h3 style="color:red">색상 이름으로 표현된 빨간색</h3>

3. 현재는 주요 브라우저가 140개의 색상 이름을 모두 지원하고 있다.

RGB 색상값으로 표현

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

<h3 style="color:rgb(0,0,255)">RGB 색상값으로 표현된 파란색</h3>
<h3 style="color:rgb(0,128,0)">RGB 색상값으로 표현된 녹색</h3>
<h3 style="color:rgb(192,192,192)">RGB 색상값으로 표현된 은색</h3>
<h3 style="color:rgb(0,128,128)">RGB 색상값으로 표현된 청록색</h3>
<h3 style="color:rgb(255,0,0)">RGB 색상값으로 표현된 빨간색</h3>   

16진수 색상값으로 표현

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

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