Web colors
웹 사이트를 만들 때, 여러 방법으로 색을 지정할 수 있다.
웹에서 십육진수쌍으로 색을 표현하는 방법은 RGB 가산혼합에 의한 것이다. 적(red), 녹(green), 청(blue)에 해당하는 두 자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 채널에 1바이트가 할당되므로 모두 3바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3쌍의 두자리 십육진수를 연속하여 사용한다.
Web Safe Colors
호환성을 위해 16,777,216가지나 되는 색의 가짓수를 대폭 줄여서 표준으로 설정한 색을 말한다. 웹 안전 색상의 색 값은 모두 51의 배수로 이루어져 있다. (이는 최대값인 255를 5로 나눈 것이다.) 각각 0, 51, 102, 153, 204, 255의 6단계로 이루어져 있으며 (00, 33, 66, 99, CC, FF) 표현 가능한 가짓수는 모두 216가지(63)이다.
밑의 색상표는 기존 RGB의 긴 코드대신 3글자로 줄인 것이다. 예로, 609번은 RGB코드의 660099번과 일치한다. 또한, 22개의 "가장 안전한" 웹 색상은 밑줄 표시가 되어 있다.
[Web Safe Colors](Template%3AWebSafeColors.md) | |||||
*000* | 300 | 600 | 900 | C00 | *F00* |
*003* | 303 | 603 | 903 | C03 | *F03* |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
*00F* | 30F | 60F | 90F | C0F | *F0F* |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
*0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
*0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
*0FC* | *3FC* | 6FC | 9FC | CFC | FFC |
*0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
HTML color names
Basic colors
Color | Name | HEX | Red | Green | Blue |
White | #FFFFFF | 100% | 100% | 100% | |
Silver | #C0C0C0 | 75% | 75% | 75% | |
Gray | #808080 | 50% | 50% | 50% | |
Black | #000000 | 0% | 0% | 0% | |
Red | #FF0000 | 100% | 0% | 0% | |
Maroon | #800000 | 50% | 0% | 0% | |
Yellow | #FFFF00 | 100% | 100% | 0% | |
Olive | #808000 | 50% | 50% | 0% | |
Lime | #00FF00 | 0% | 100% | 0% | |
Green | #008000 | 0% | 50% | 0% | |
Aqua | #00FFFF | 0% | 100% | 100% | |
Teal | #008080 | 0% | 50% | 50% | |
Blue | #0000FF | 0% | 0% | 100% | |
Navy | #000080 | 0% | 0% | 50% | |
Fuchsia | #FF00FF | 100% | 0% | 100% | |
Purple | #800080 | 50% | 0% | 50% |
Extended colors
HTML name |
Pink colors |
MediumVioletRed |
DeepPink |
PaleVioletRed |
HotPink |
LightPink |
Pink |
Red colors |
DarkRed |
Red |
Firebrick |
Crimson |
IndianRed |
LightCoral |
Salmon |
DarkSalmon |
LightSalmon |
Orange colors |
OrangeRed |
Tomato |
DarkOrange |
Coral |
Orange |
Yellow colors |
DarkKhaki |
Gold |
Khaki |
PeachPuff |
Yellow |
PaleGoldenrod |
Moccasin |
PapayaWhip |
LightGoldenrodYellow |
LemonChiffon |
LightYellow |
Brown colors |
Maroon |
Brown |
SaddleBrown |
Sienna |
Chocolate |
DarkGoldenrod |
Peru |
RosyBrown |
Goldenrod |
SandyBrown |
Tan |
Burlywood |
Wheat |
NavajoWhite |
Bisque |
BlanchedAlmond |
Cornsilk |
HTML name |
Purple, violet, and magenta colors |
Indigo |
Purple |
DarkMagenta |
DarkViolet |
DarkSlateBlue |
BlueViolet |
DarkOrchid |
Fuchsia |
Magenta |
SlateBlue |
MediumSlateBlue |
MediumOrchid |
MediumPurple |
Orchid |
Violet |
Plum |
Thistle |
Lavender |
Blue colors |
MidnightBlue |
Navy |
DarkBlue |
MediumBlue |
Blue |
RoyalBlue |
SteelBlue |
DodgerBlue |
DeepSkyBlue |
CornflowerBlue |
SkyBlue |
LightSkyBlue |
LightSteelBlue |
LightBlue |
PowderBlue |
Cyan colors |
Teal |
DarkCyan |
LightSeaGreen |
CadetBlue |
DarkTurquoise |
MediumTurquoise |
Turquoise |
Aqua |
Cyan |
Aquamarine |
PaleTurquoise |
LightCyan |
HTML name |
Green colors |
DarkGreen |
Green |
DarkOliveGreen |
ForestGreen |
SeaGreen |
Olive |
OliveDrab |
MediumSeaGreen |
LimeGreen |
Lime |
SpringGreen |
MediumSpringGreen |
DarkSeaGreen |
MediumAquamarine |
YellowGreen |
LawnGreen |
Chartreuse |
LightGreen |
GreenYellow |
PaleGreen |
White colors |
MistyRose |
AntiqueWhite |
Linen |
Beige |
WhiteSmoke |
LavenderBlush |
OldLace |
AliceBlue |
Seashell |
GhostWhite |
Honeydew |
FloralWhite |
Azure |
MintCream |
Snow |
Ivory |
White |
Gray and black colors |
Black |
DarkSlateGray |
DimGray |
SlateGray |
Gray |
LightSlateGray |
DarkGray |
Silver |
LightGray |
Gainsboro |