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>
'Web > html' 카테고리의 다른 글
HTML - 링크 (0) | 2025.01.20 |
---|---|
STYLE - 배경 (0) | 2025.01.17 |
HTML 요소 - 스타일(Style) (0) | 2023.11.08 |
HTML 요소 - 문자셋(Character set) (0) | 2023.09.10 |
HTML 요소 - 엔티티 (0) | 2023.09.09 |