개요
색상 코드란 개체의 색상을 표기하기 위해 만들어진 코드이다. 표기하는 방식에는 크게 세 가지가 있다.
기본 : RGB 색상 코드
빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는(+) 방식으로 섞어서 색상을 표기하는 방식을 RGB 가산혼합[1]이라고 한다. 이러한 방식으로 색상 코드를 표기할 때는 다음과 같은 표기 방식을 사용한다.
빨강색의 정도(00~FF)_________파랑색의 정도(00~FF)
#33759F
____________초록색의 정도(00~FF)
'#'문자 뒤에 16진수 두 자리를 세 번 나열하여 첫 번째 구간에는 빨강, 두 번째 구간에는 초록, 세 번째 구간에는 파랑의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질수록(알파벳이 진행될수록) 더욱 밝아진다.
따라서 #000000은 검정색, #FFFFFF는 하얀색이다.
빨강의 밝기 비교
#000000, #450000, #770000, #9B0000, #FF0000
초록의 밝기 비교
#000000, #004500, #007700, #009B00, #00FF00
파랑의 밝기 비교
#000000, #000045, #000077, #00009B, #0000FF
위 예시를 볼 때, 숫자가 45까지 진행되어도 자세히 보지 않으면 구분이 어려울 정도로 거의 검정색에 가까운 명도를 보인다는 것을 알 수 있을 것이다. [2]
2자리의 16진수가 표현할 수 있는 범위가 0~255이므로, 위와 같은 방법을 사용한 색상 코드로는 총 16,777,216가지의 색을 표현할 수 있다.
색상 코드표
각 색상에는 따로 정해진 이름이 있는데, 색상 이름 항목에서 자세히 다루도록 한다. 편의를 위해 X11 표준, HTML 4.01을 함께 나열하였다.[3] 여기서는 초록의 정도가 가장 강한 색을 lime(#00FF00)이라 표기한다. green은 #008000.
| 이름 | 색상 코드 |
이름 | 색상 코드 |
이름 | 색상 코드 |
|---|---|---|---|---|---|
| red | #FF0000 | lime | #00FF00 | blue | #0000FF |
| indianred | #CD5C5C | aquamarine | #7FFFD4 | cyan(=aqua) | #00FFFF |
| darksalmon | #E9967A | mediumspringgreen | #00FA9A | aqua(=cyan) | #00FFFF |
| lightcoral | #F08080 | springgreen | #00FF7F | mediumturquoise | #48D1CC |
| salmon | #FA8072 | palegreen | #98FB98 | darkturquoise | #00CED1 |
| orangered | #FF4500 | greenyellow | #ADFF2F | cadetblue | #5F9EA0 |
| crimson | #DC143C | chartreuse | #7FFF00 | slategray | #708090 |
| firebrick | #B22222 | lawngreen | #7CFC00 | lightcyan | #E0FFFF |
| darkred | #8B0000 | green | #008000 | paleturquoise | #AFEEEE |
| mediumvioletred | #C71585 | lightgreen | #90EE90 | powderblue | #B0E0E6 |
| pink | #FFC0CB | yellowgreen | #9ACD32 | lightsteelblue | #B0C4DE |
| lightpink | #FFB6C1 | limegreen | #32CD32 | steelblue | #4682B4 |
| hotpink | #FF69B4 | mediumseagreen | #3CB371 | lightblue | #ADD8E6 |
| deeppink | #FF1493 | darkseagreen | #8FBC8F | skyblue | #87CEEB |
| paleviolentred | #DB7093 | forestgreen | #228B22 | lightskyblue | #87CEFA |
| darkkhaki | #BDB76B | seagreen | #2E8B57 | deepskyblue | #00BFFF |
| khaki | #F0E68C | olivedrab | #6B8E23 | cornflowerblue | #6495ED |
| palegoldenrod | #EEE8AA | olive | #808000 | royalblue | #4169E1 |
| lightgoldenrodyellow | #FAFAD2 | darkolivegreen | #556B2F | mediumslateblue | #7B68EE |
| lightyellow | #FFFFE0 | darkgreen | #006400 | dodgerblue | #1E90FF |
| lemonchiffon | #FFFACD | mediumaquamarine | #66CDAA | mediumblue | #0000CD |
| yellow | #FFFF00 | turquoise | #40E0D0 | darkblue | #00008B |
| gold | #FFD700 | lightseagreen | #20B2AA | navy | #000080 |
| papayawhip | #FFEFD5 | darkcyan | #008B8B | midnightblue | #191970 |
| moccasin | #FFE4B5 | teal | #008080 | gainsboro | #DCDCDC |
| peachpuff | #FFDAB9 | honeydew | #F0FFF0 | lightgrey | #D3D3D3 |
| lightsalmon | #FFA07A | mintcream | #F5FFFA | silver | #C0C0C0 |
| orange | #FFA500 | azure | #F0FFFF | darkgray | #A9A9A9 |
| darkorange | #FF8C00 | aliceblue | #F0F8FF | gray(grey) | #808080 |
| coral | #FF7F50 | ghostwhite | #F8F8FF | dimgray | #696969 |
| tomato | #FF6347 | whitesmoke | #F5F5F5 | darkslategray | #2F4F4F |
| orangered | #FF4500 | lavenderblush | #FFF0F5 | lightslategray | #778899 |
| lavender | #E6E6FA | mistyrose | #FFE4E1 | peru | #CD853F |
| thistle | #D8BFD8 | antiquewhite | #FAEBD7 | chocolate | #D2691E |
| plum | #DDA0DD | seashell | #FFF5EE | maroon | #800000 |
| violet | #EE82EE | snow | #FFFAFA | saddlebrown | #8B4513 |
| fuchsia(=magenta) | #FF00FF | beige | #F5F5DC | brown | #A52A2A |
| magenta(=fuchsia) | #FF00FF | linen | #FAF0E6 | sienna | #A0522D |
| orchid | #DA70D6 | oldlace | #FDF5E6 | darkred | #8B0000 |
| cornsilk | #FFF8DC | floralwhite | #FFFAF0 | burlywood | #DEB887 |
| blanchedalmond | #FFEBCD | ivory | #FFFFF0 | tan | #D2B48C |
| bisque | #FFE4E4 | mediumorchid | #BA55D3 | rosybrown | #BC8F8F |
| navajowhite | #FFDEAD | darkorchid | #9932CC | mediumpurple | #9370DB |
| blueviolet | #8A2BE2 | darkviolet | #9400D3 | darkmagenta | #8B008B |
| slateblue | #6A5ACD | purple | #800080 | wheat | #F5DEB3 |
| darkslateblue | #483D8B | indigo | #4B0082 | darkgoldenrod | #B8860B |
| sandybrown | #F4A460 | goldenrod | #DAA520 | ||
| black | #000000 | white | #FFFFFF |
| 이름 | 색상 코드 | 이름 | 색상 코드 | 이름 | 색상 코드 |
|---|---|---|---|---|---|
| red | #FF0000 | lime | #00FF00 | blue | #0000FF |
| white | #FFFFFF | black | #000000 | gray(grey) | #808080 |
| teal | #008080 | green | #008000 | aqua | #00FFFF |
| silver | #C0C0C0 | maroon | #800000 | purple | #800080 |
| olive | #808000 | navy | #000080 | fuchsia | #FF00FF |
| yellow | #FFFF00 |
웹 안전 색상
웹 안전 색상이란 호환성을 위해, 즉 '여기서는 구분되던 색상이 저기서는 구분되지 않는 경우'를 피하기 위해 위의 색의 가짓수를 대폭 요약해서 표준으로 설정한 색을 말한다. 각 색에서 256가지 단계를 다 세는 것이 아닌, 255를 5로 나눈 숫자인 51을 기준으로 0에서부터 뛰어세기하여 0, 51, 102, 153, 204, 255의 여섯 번만을 세는 방식이다.
웹 안전 색상은 모두 216가지[4]이며 그 중 '가장 안전한 색상' 22가지가 존재한다.
그 외
ASS파일에서 쓰이는 색상코드가 따로 있다. 관련 항목 참조.