16진수 색상 표기법
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f
최저치 <------------------> 최고치
이것이 HTML에서 색상을 표시하기 위한 16진수로 사용되는 수입니다.
따라서 최저값인 0은 가장 어두운 톤이고 최고값인 f는 가장 밝은 톤을 표시합니다.
"#EDAD56", "#99FF66" 등 여섯 자리의 숫자는 사실 각각 다른 색을 표시하는 두 자리 숫자를 세 개 붙여 놓은 것입니다.
빨간색(R), 녹색(G), 파란색(B)의 각 색별로 표현 가능한 최대치인 256단계를, 16진수로 이루어진 두 자리의 숫자 또는 알파벳의 조합이 256가지의 색상 단계를 표시할 수 있는 경우의 수를 만듭니다. (16 x 16 = 256)
또한 이 256단계를 가지는 3가지 색이 서로 조합됨으로서 (256 x 256 x 256 = 16777216색) 모든 색의 표현이 가능해지는 것입니다. 색 표기를 ff0000으로 하였다면 빨간색은 최고값이고 녹색과 파란색은 섞이지 않았다는 의미이므로 순색 빨강색을 의미합니다.
즉, #23FAEF(23=R, FA=G, EF=B) 가
각 빨, 녹, 파 색의 농도를 섞음으로써 하나의 색깔을 나타낸다고 할 수 있네요.
http://www.hompydesign.com/club/html_color_code.php
| HTML COLOR CODE |
| red |
#FF0000 |
0xFF0000 |
| crimson |
#DC143C |
0xDC143C |
| firebrick |
#B22222 |
0xB22222 |
| maroon |
#800000 |
0x800000 |
| darkred |
#8B0000 |
0x8B0000 |
| brown |
#A52A2A |
0xA52A2A |
| sienna |
#A0522D |
0xA0522D |
| saddlebrown |
#8B4513 |
0x8B4513 |
| indianred |
#CD5C5C |
0xCD5C5C |
| rosybrown |
#BC8F8F |
0xBC8F8F |
| lightcoral |
#F08080 |
0xF08080 |
| salmon |
#FA8072 |
0xFA8072 |
| darksalmon |
#E9967A |
0xE9967A |
| coral |
#FF7F50 |
0xFF7F50 |
| tomato |
#FF6347 |
0xFF6347 |
| sandybrown |
#F4A460 |
0xF4A460 |
| lightsalmon |
#FFA07A |
0xFFA07A |
| peru |
#CD853F |
0xCD853F |
| chocolate |
#D2691E |
0xD2691E |
| orangered |
#FF4500 |
0xFF4500 |
| orange |
#FFA500 |
0xFFA500 |
| darkorange |
#FF8C00 |
0xFF8C00 |
| tan |
#D2B48C |
0xD2B48C |
| peachpuff |
#FFDAB9 |
0xFFDAB9 |
| bisque |
#FFE4C4 |
0xFFE4C4 |
| moccasin |
#FFE4B5 |
0xFFE4B5 |
| navajowhite |
#FFDEAD |
0xFFDEAD |
| wheat |
#F5DEB3 |
0xF5DEB3 |
| burlywood |
#DEB887 |
0xDEB887 |
| darkgoldenrod |
#B8860B |
0xB8860B |
| goldenrod |
#DAA520 |
0xDAA520 |
| gold |
#FFD700 |
0xFFD700 |
| yellow |
#FFFF00 |
0xFFFF00 |
| lightgoldenrodyellow |
#FAFAD2 |
0xFAFAD2 |
| palegoldenrod |
#EEE8AA |
0xEEE8AA |
| khaki |
#F0E68C |
0xF0E68C |
| darkkhaki |
#BDB76B |
0xBDB76B |
| lawngreen |
#7CFC00 |
0x7CFC00 |
| greenyellow |
#ADFF2F |
0xADFF2F |
| chartreuse |
#7FFF00 |
0x7FFF00 |
| lime |
#00FF00 |
0x00FF00 |
| limegreen |
#32CD32 |
0x32CD32 |
| yellowgreen |
#9ACD32 |
0x9ACD32 |
| olive |
#808000 |
0x808000 |
| olivedrab |
#6B8E23 |
0x6B8E23 |
| darkolivegreen |
#556B2F |
0x556B2F |
| forestgreen |
#228B22 |
0x228B22 |
| darkgreen |
#006400 |
0x006400 |
| green |
#008000 |
0x008000 |
| seagreen |
#2E8B57 |
0x2E8B57 |
| mediumseagreen |
#3CB371 |
0x3CB371 |
| darkseagreen |
#8FBC8F |
0x8FBC8F |
| lightgreen |
#90EE90 |
0x90EE90 |
| palegreen |
#98FB98 |
0x98FB98 |
| springgreen |
#00FF7F |
0x00FF7F |
| mediumspringgreen |
#00FA9A |
0x00FA9A |
| teal |
#008080 |
0x008080 |
| darkcyan |
#008B8B |
0x008B8B |
| lightseagreen |
#20B2AA |
0x20B2AA |
| mediumaquamarine |
#66CDAA |
0x66CDAA |
| cadetblue |
#5F9EA0 |
0x5F9EA0 |
| steelblue |
#4682B4 |
0x4682B4 |
| aquamarine |
#7FFFD4 |
0x7FFFD4 |
| powderblue |
#B0E0E6 |
0xB0E0E6 |
| paleturquoise |
#AFEEEE |
0xAFEEEE |
| lightblue |
#ADD8E6 |
0xADD8E6 |
| lightsteelblue |
#B0C4DE |
0xB0C4DE |
| skyblue |
#87CEEB |
0x87CEEB |
| lightskyblue |
#87CEFA |
0x87CEFA |
| mediumturquoise |
#48D1CC |
0x48D1CC | |
| turquoise |
#40E0D0 |
0x40E0D0 |
| darkturquoise |
#00CED1 |
0x00CED1 |
| aqua |
#00FFFF |
0x00FFFF |
| cyan |
#00FFFF |
0x00FFFF |
| deepskyblue |
#00BFFF |
0x00BFFF |
| dodgerblue |
#1E90FF |
0x1E90FF |
| cornflowerblue |
#6495ED |
0x6495ED |
| royalblue |
#4169E1 |
0x4169E1 |
| blue |
#0000FF |
0x0000FF |
| mediumblue |
#0000CD |
0x0000CD |
| navy |
#000080 |
0x000080 |
| darkblue |
#00008B |
0x00008B |
| midnightblue |
#191970 |
0x191970 |
| darkslateblue |
#483D8B |
0x483D8B |
| slateblue |
#6A5ACD |
0x6A5ACD |
| mediumslateblue |
#7B68EE |
0x7B68EE |
| mediumpurple |
#9370DB |
0x9370DB |
| darkorchid |
#9932CC |
0x9932CC |
| darkviolet |
#9400D3 |
0x9400D3 |
| blueviolet |
#8A2BE2 |
0x8A2BE2 |
| mediumorchid |
#BA55D3 |
0xBA55D3 |
| plum |
#DDA0DD |
0xDDA0DD |
| lavender |
#E6E6FA |
0xE6E6FA |
| thistle |
#D8BFD8 |
0xD8BFD8 |
| orchid |
#DA70D6 |
0xDA70D6 |
| violet |
#EE82EE |
0xEE82EE |
| indigo |
#4B0082 |
0x4B0082 |
| darkmagenta |
#8B008B |
0x8B008B |
| purple |
#800080 |
0x800080 |
| mediumvioletred |
#C71585 |
0xC71585 |
| deeppink |
#FF1493 |
0xFF1493 |
| fuchsia |
#FF00FF |
0xFF00FF |
| magenta |
#FF00FF |
0xFF00FF |
| hotpink |
#FF69B4 |
0xFF69B4 |
| palevioletred |
#DB7093 |
0xDB7093 |
| lightpink |
#FFB6C1 |
0xFFB6C1 |
| pink |
#FFC0CB |
0xFFC0CB |
| mistyrose |
#FFE4E1 |
0xFFE4E1 |
| blanchedalmond |
#FFEBCD |
0xFFEBCD |
| lightyellow |
#FFFFE0 |
0xFFFFE0 |
| cornsilk |
#FFF8DC |
0xFFF8DC |
| antiquewhite |
#FAEBD7 |
0xFAEBD7 |
| papayawhip |
#FFEFD5 |
0xFFEFD5 |
| lemonchiffon |
#FFFACD |
0xFFFACD |
| beige |
#F5F5DC |
0xF5F5DC |
| linen |
#FAF0E6 |
0xFAF0E6 |
| oldlace |
#FDF5E6 |
0xFDF5E6 |
| lightcyan |
#E0FFFF |
0xE0FFFF |
| aliceblue |
#F0F8FF |
0xF0F8FF |
| whitesmoke |
#F5F5F5 |
0xF5F5F5 |
| lavenderblush |
#FFF0F5 |
0xFFF0F5 |
| floralwhite |
#FFFAF0 |
0xFFFAF0 |
| mintcream |
#F5FFFA |
0xF5FFFA |
| ghostwhite |
#F8F8FF |
0xF8F8FF |
| honeydew |
#F0FFF0 |
0xF0FFF0 |
| seashell |
#FFF5EE |
0xFFF5EE |
| ivory |
#FFFFF0 |
0xFFFFF0 |
| azure |
#F0FFFF |
0xF0FFFF |
| snow |
#FFFAFA |
0xFFFAFA |
| white |
#FFFFFF |
0xFFFFFF |
| gainsboro |
#DCDCDC |
0xDCDCDC |
| lightgrey |
#D3D3D3 |
0xD3D3D3 |
| silver |
#C0C0C0 |
0xC0C0C0 |
| darkgray |
#A9A9A9 |
0xA9A9A9 |
| lightslategray |
#778899 |
0x778899 |
| slategray |
#708090 |
0x708090 |
| gray |
#808080 |
0x808080 |
| dimgray |
#696969 |
0x696969 |
| darkslategray |
#2F4F4F |
0x2F4F4F |
| black |
#000000 |
0x000000 | |
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
