위키백과 ― 우리 모두의 백과사전.
웹 사이트를 만들 때, 여러가지 방법으로 색을 지정할 수 있다.
[편집] 웹 색상의 십육진법 표기
웹에서 십육진수쌍으로 색을 표현하는 방법은 RGB 가산혼합에 의한 것이다. RED, GREEN, BLUE에 해당하는 두자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 체널당 1 바이트가 할당되므로 모두 3 바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3 쌍의 두자리 십육진수를 연속하여 사용한다.
- 표기형식
| 특수기호 |
RED 체널 |
GREEN 체널 |
BLUE 체널 |
| # |
00~FF |
00~FF |
00~FF |
- 표기 예
| 표기 |
색상 |
| #000000 |
|
| #ff0000 |
|
| #00ff00 |
|
| #0000ff |
|
- 표현 범위
- 두자리의 십육진수가 표현할 수 있는 범위는 00부터 FF까지(십진수 0에서 255까지)이다. (십육진법 참조) 즉, 하나의 체널은 256 가지의 색을 표현할 수 있다.
- 웹 색상의 십육진법 표기는 각 체널 당 256개의 색을 표현하므로 3 체널 모두를 사용하여 나타낼 수 있는 색상은 16,777,216 가지(256*256*256)가 된다.
- 이름 참조
- 십육진법에 의한 웹 색상표기 중에서 자주 쓰이는 것은 특별히 이름을 붙여 두었다. 아래의 설명과 같이 이름이 있는 색은 십육진법에 의한 표현 대신 이름으로 표현할 수 있다.
[편집] 표준 색상 이름
HTML 4.01 표준에는 16 가지 색깔 이름이 정의되어 있다.
[편집] X11 색상 이름
추가적으로, 넷스케이프나 인터넷 익스플로러 같은 브라우저에는 별도로 여러 색상들이 정의되었으며, 특정한 브라우저에서는 이런 색상을 인식하지 못할 수도 있다. 이들 색상 중 다수가 X 윈도우 시스템에서 분류된 X11 색상 이름에서 가져온 것이다. CSS를 지원하는 대부분의 HTML 사용자 에이전트가 이 색상들을 지원한다.
아래는 X11 색상 이름과 각각에 해당하는 16진수 코드의 목록이다.
| 색상 |
16진수 |
색상 |
16진수 |
| indianred |
#cd5c5c |
darksalmon |
#e9967a |
| lightcoral |
#f08080 |
salmon |
#fa8072 |
| orangered |
#ff4500 |
red |
#ff0000 |
| crimson |
#dc143c |
firebrick |
#b22222 |
| darkred |
#8b0000 |
mediumvioletred |
#c71585 |
| pink |
#ffc0cb |
lightpink |
#ffb6c1 |
| hotpink |
#ff69b4 |
deeppink |
#ff1493 |
| palevioletred |
#db7093 |
darkkhaki |
#bdb76b |
| khaki |
#f0e68c |
palegoldenrod |
#eee8aa |
| lightgoldenrodyellow |
#fafad2 |
lightyellow |
#ffffe0 |
| lemonchiffon |
#fffacd |
yellow |
#ffff00 |
| gold |
#ffd700 |
papayawhip |
#ffefd5 |
| moccasin |
#ffe4b5 |
peachpuff |
#ffdab9 |
| cyan |
#00ffff |
aqua |
#00ffff |
| aquamarine |
#7fffd4 |
turquoise |
#40e0d0 |
| mediumturquoise |
#48d1cc |
darkturquoise |
#00ced1 |
| cadetblue |
#5f9ea0 |
slategray |
#708090 |
| lightcyan |
#e0ffff |
paleturquoise |
#afeeee |
| powderblue |
#b0e0e6 |
lightsteelblue |
#b0c4de |
| steelblue |
#4682b4 |
lightblue |
#add8e6 |
| skyblue |
#87ceeb |
lightskyblue |
#87cefa |
| deepskyblue |
#00bfff |
cornflowerblue |
#6495ed |
| royalblue |
#4169e1 |
mediumslateblue |
#7b68ee |
| dodgerblue |
#1e90ff |
blue |
#0000ff |
| mediumblue |
#0000cd |
darkblue |
#00008b |
| navy |
#000080 |
midnightblue |
#191970 |
| lightsalmon |
#ffa07a |
orange |
#ffa500 |
| darkorange |
#ff8c00 |
coral |
#ff7f50 |
| tomato |
#ff6347 |
orangered |
#ff4500 |
| aquamarine |
#7fffd4 |
mediumspringgreen |
#00fa9a |
| springgreen |
#00ff7f |
palegreen |
#98fb98 |
| greenyellow |
#adff2f |
chartreuse |
#7fff00 |
| lawngreen |
#7cfc00 |
lime |
#00ff00 |
| lightgreen |
#90ee90 |
yellowgreen |
#9acd32 |
| limegreen |
#32cd32 |
mediumseagreen |
#3cb371 |
| darkseagreen |
#8fbc8f |
forestgreen |
#228b22 |
| seagreen |
#2e8b57 |
green |
#008000 |
| olivedrab |
#6b8e23 |
olive |
#808000 |
| darkolivegreen |
#556b2f |
darkgreen |
#006400 |
| mediumaquamarine |
#66cdaa |
turquoise |
#40e0d0 |
| lightseagreen |
#20b2aa |
darkcyan |
#008b8b |
| teal |
#008080 |
lavender |
#e6e6fa |
| thistle |
#d8bfd8 |
plum |
#dda0dd |
| violet |
#ee82ee |
fuchsia |
#ff00ff |
| magenta |
#ff00ff |
orchid |
#da70d6 |
| mediumorchid |
#ba55d3 |
darkorchid |
#9932cc |
| blueviolet |
#8a2be2 |
darkviolet |
#9400d3 |
| mediumpurple |
#9370db |
slateblue |
#6a5acd |
| purple |
#800080 |
darkmagenta |
#8b008b |
| darkslateblue |
#483d8b |
indigo |
#4b0082 |
| honeydew |
#f0fff0 |
mintcream |
#f5fffa |
| azure |
#f0ffff |
aliceblue |
#f0f8ff |
| ghostwhite |
#f8f8ff |
whitesmoke |
#f5f5f5 |
| lavenderblush |
#fff0f5 |
mistyrose |
#ffe4e1 |
| antiquewhite |
#faebd7 |
seashell |
#fff5ee |
| snow |
#fffafa |
white |
#ffffff |
| beige |
#f5f5dc |
linen |
#faf0e6 |
| oldlace |
#fdf5e6 |
floralwhite |
#fffaf0 |
| ivory |
#fffff0 |
gainsboro |
#dcdcdc |
| lightgrey |
#d3d3d3 |
silver |
#c0c0c0 |
| darkgray |
#a9a9a9 |
gray |
#808080 |
| dimgray |
#696969 |
darkslategray |
#2f4f4f |
| lightslategray |
#778899 |
slategray |
#708090 |
| cornsilk |
#fff8dc |
blanchedalmond |
#ffebcd |
| bisque |
#ffe4c4 |
navajowhite |
#ffdead |
| wheat |
#f5deb3 |
sandybrown |
#f4a460 |
| goldenrod |
#daa520 |
darkgoldenrod |
#b8860b |
| peru |
#cd853f |
chocolate |
#d2691e |
| maroon |
#800000 |
saddlebrown |
#8b4513 |
| brown |
#a52a2a |
sienna |
#a0522d |
| darkred |
#8b0000 |
burlywood |
#deb887 |
| tan |
#d2b48c |
rosybrown |
#bc8f8f |
| black |
#000000 |
|
|
[편집] CSS 색상
CSS 언어에서는 HTML 4.01에 정의된 색상 이름을 다시 정의하고 있다. CSS 2.1에서는 여기에 "오렌지색"을 추가로 정의했다.
색
