HTML 글씨(문자) 색상 변경 - color, RGB, 16진수

이번시간에는 style 속성으로 문자의 색상을 변경하는 
3가지 방법에 대해서 알아보겠습니다.

 

1. 이름으로 표현하기

color 속성에 색상명을 영어로 표기하는 방법입니다.
무지개 색깔인 7가지 색상만 적어두었지만 yellowgreen 같은 다양한 생상들을 지원하고 있습니다.

<h1 style="color:red">빨간색</h1>

<h1 style="color:orange">주황색</h1>

<h1 style="color:yellow">노란색/h1>

<h1 style="color:green">초록색</h1>

<h1 style="color:blue">파랑색</h1>

<h1 style="color:navy">남색</h1>

<h1 style="color:purple">보라색</h1>

 

 

2. RGB로 표현하기

모니터, 스마트폰 등 스크린은 색상을 표현할 때 빨간색,녹색,파란색을 혼잡하여 표현합니다.
HTML에서도 동일하게 사용이 가능한데요. 색상의 범위는 각각 0~255까지의 범위를 가지고 있습니다.

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

 

3. 16진수로 표현하기

RGB 색상값을 각각 16진수로 변환한 것입니다.
각각의 기본색(Red, Green, Blue)은 각각 00부터 FF까지의 범위를 가집니다

<h1 style="color:#FF0000">16진수 빨간색</h1>
<h1 style="color:#0000FF">16진수 파란색</h1>

이상으로 문자의 색상을 변경하는 3가지 방법에 대해서 알아보았습니다.