색을 표시하는 방법 3: "color name"
색을 표시하는 방법에는 ① RGB 10진수 코드를 입력하는 방법, ② HEX 16진수 코드를 입력하는 방법, ③ HSL, ④ HWB, ⑤ color name으로 바로 지시하는 방법이 있다. 대부분의 코딩과 디자인 작업 시 HEX 코드를 많이 사용한다. 그러나 알고 보면 "color name과 익숙해지는" 일이 가장 중요하다.
웹, HTML, CSS에서는 140 개의 color name을 정해 놓고 있다. 사물에 대한 색을 코딩할 때 일천 육백 칠십칠만 칠천이백 열여섯 가지의 HEX 16진수 코드를 일일이 조사해서 작업한다면, 예술은 길고 인생은 짧은 세상에 가장 비효율적인 일이다. 웬만한 색은 140가지 안에 다 있기 때문이다.
※ 이전 참고 글
1. 색이 사람에게 보이는 원리
HTML과 CSS와 웹브라우저가 기억하는 color name 140가지
사람들은 브라운 색의 HEX 16진수 코드(#A52A2A)를 외울 수 없다. 그러나 갈색이 brown이란 것은 안다.
사람들은 분홍색이 #FFC0CB라는 것을 외우지 못한다. 그러나 pink라는 단어는 쉽게 기억한다.
red, yellow, blue, green. tomato 등 모두 마찬가지다. 색을 표기하는 데 있어 어떤 방법이 가장 효율적일까? 위에서 언급했듯이 "color name과 조금만 익숙"해지면 누구나 충분히 "color name"으로 표기할 수 있다.
아래 표에서 보듯이, 두 방법은 일일이 코드를 찾아서 색상을 지정하는 방법이고, 마지막 방법은 내가 아는 누구의 이름을 부르듯 바로 "color name "을 지정하는 방법이다.
| 구분 | 아래 표기 방법 3가지 중 어느 것이 효율적일까? |
| RGB 10진수로 표기하는 방법 | p style="color: rgb(255,99,71);" |
| HEX 16진수 기호로 표기 방법 | p style="color:#FF6347;" |
| color name 표기 방법 | p style="color:Tomato;" |
디자인 작업 등에서, 하모니 색상이나 보색 추출하는 과정에 있어서는 HEX 코드를 찾아서 한다 하더라도, 일반적인 색 작업에 있어서는 140 색상만 기억해도 많은 작업을 할 수 있다. 140 색상은 지구 상에 존재하는 색상 중 가장 대표선수들이다."
Color name/ Hex 코드/ RGB 코드표
- 첨부파일의 한글 이름은 참고용임(ghost white : 파리한 색)
- 코딩 시는 영문 color name으로 코딩해야 함.
- 아래 디스플레이 되는 색상과 영문 color name은 첨부파일에 기재된 대로 코딩되었음.
- 첨부파일(문서 말미): 한글 파일 1건, MS 워드 파일 1건(색상에 대한 영문 color name, 색상 한글 이름, HEX 코드, RGB 코드)
| 색상(Color) | color name(css/html) |
|---|---|
| maroon | |
| dark red | |
| Brown | |
| firebrick | |
| crimson | |
| Red | |
| tomato | |
| coral | |
| indian red | |
| soft coral | |
| dark salmon | |
| salmon | |
| light salmon | |
| orange red | |
| dark orange | |
| Orange | |
| gold | |
| dark golden bar | |
| golden rod | |
| pale golden bar | |
| dark khaki | |
| khaki | |
| olive | |
| yellow | |
| light green | |
| dark olive green | |
| olive monotonous | |
| grass green | |
| Chart reuse | |
| green yellow | |
| dark green | |
| green | |
| forest green | |
| Lime | |
| lime green | |
| light green | |
| pale green | |
| dark sea green | |
| mid spring green | |
| spring green | |
| sea green | |
| medium aquamarine | |
| middle sea green | |
| bright sea green | |
| dark slate gray | |
| teal | |
| dark turquoise | |
| aqua | |
| turquoise | |
| beryl | |
| dark turquoise | |
| turquoise | |
| medium turquoise | |
| pale turquoise | |
| aquamarine | |
| powder blue | |
| cadet blue | |
| steel blue | |
| corn flower blue | |
| deep sky blue | |
| dodger blue | |
| Sky blue | |
| Sky blue | |
| light sky blue | |
| midnight blue | |
| Navy | |
| dark blue | |
| medium blue | |
| blue | |
| royal blue | |
| blue violet | |
| indigo | |
| dark slate blue | |
| slate blue | |
| medium slate blue | |
| medium purple | |
| deep magenta | |
| dark purple | |
| dark orchid | |
| medium orchid | |
| purple | |
| thistle | |
| plum | |
| violet | |
| Magenta | |
| orchid | |
| medium purple red | |
| pale purple red | |
| dark pink | |
| hot pink | |
| light pink | |
| pink | |
| antique white | |
| Beige | |
| bisque | |
| poached almonds | |
| wheat | |
| corn silk | |
| lemon chiffon | |
| light golden bar yellow | |
| light yellow | |
| Saddle Brown | |
| Siena | |
| chocolate | |
| Peru | |
| sandy brown | |
| sturdy tree | |
| partridge | |
| rosy brown | |
| moccasin | |
| Navajo White | |
| peach puff | |
| misty rose | |
| lavender blush | |
| linen | |
| old lace | |
| papaya whip | |
| sea shells | |
| mint cream | |
| slate gray | |
| light slate gray | |
| light steel blue | |
| lavender | |
| floral white | |
| alice blue | |
| ghost white | |
| honeydew | |
| ivory | |
| azure | |
| eye | |
| black | |
| light gray | |
| gray | |
| dark gray | |
| silver | |
| light gray | |
| Gainsboro | |
| white smoke | |
| White |