색상 코드(Color code)는 개체의 색깔을 표기하기 위해 만들어진 디지털 코드다. 컴퓨터 프로그래밍HTML 등에서 사용되며, 표기하는 방식에는 크게 세 가지가 있다.

1 기본 : RGB 색상 코드[편집]

빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는(+) 방식으로 섞어서 색상을 표기하는 방식을 RGB 가산혼합[1]이라고 한다. 이러한 방식으로 색상 코드를 표기할 때는 다음과 같은 표기 방식을 사용한다.

빨간색의 정도(00~FF) 파란색의 정도(00~FF)
# 33 75 9F
초록색의 정도(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가지(166=224)의 색을 표현할 수 있다.

2 색상 코드표[편집]

각 색상에는 따로 정해진 이름이 있는데, 색상 이름 항목에서 자세히 다루도록 한다. 편의를 위해 X11 표준, HTML 4.01을 함께 나열하였다.[3] 여기서는 초록의 정도가 가장 강한 색을 lime(#00FF00)이라 표기한다. green은 #008000.

X11 표준
이름 색상
코드
이름 색상
코드
이름 색상
코드
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
HTML 4.01
이름 색상 코드 이름 색상 코드 이름 색상 코드
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

3 웹 안전 색상[편집]

웹 안전 색상이란 호환성을 위해, 즉 '여기서는 구분되던 색상이 저기서는 구분되지 않는 경우'를 피하기 위해 위의 색의 가짓수를 대폭 요약해서 표준으로 설정한 색을 말한다. 각 색에서 256가지 단계를 다 세는 것이 아닌, 255를 5로 나눈 숫자인 51을 기준으로 0에서부터 뛰어세기하여 0, 51, 102, 153, 204, 255의 여섯 번만을 세는 방식이다.

웹 안전 색상은 모두 216가지[4]이며 그 중 '가장 안전한 색상' 22가지가 존재한다.

4 그 외[편집]

ASS파일에서 쓰이는 색상코드가 따로 있으며, CMYK라는 미술 시간에 배우던 감산혼합 방식도 있다.

5 외부 참조[편집]

6 각주

  1. 색이 진하게 섞이면 섞일수록 하얀색에 가까워진다.
  2. 표기되는 환경에 따라 다소 차이가 있다.
  3. 모바일에서 원활하게 표기가 되지 않아 X11 표준을 먼저, HTML 4.01을 나중에 나열하였다.
  4. 각 색상당 여섯 번을 세게 되므로 6x6x6=216이다.