ウェブ制作の色指定
ウェブページの色指定はCSSの<color>データ型で扱える、キーワード、16進数（hex）、RGB色空間（rgb, hsl）などの形式を使って行います。基本的にはデジタルで表現可能な全ての色を指定できます。
最も一般的に使われているのは16進数の形式です。ハッシュ記号（#）のあとに続く0〜fの６桁の英数字で表します。その中で、よく使われる色には標準仕様で固有名が割り当てられているため、16進数を覚えなくてもキーワードで同じ色を表示できます。
Web標準カラー・キーワード一覧
| 見本 | キーワード | 16進数 |
|---|---|---|
| aliceblue | #f0f8ff |
|
| antiquewhite | #faebd7 |
|
| aqua | #00ffff |
|
| aquamarine | #7fffd4 |
|
| azure | #f0ffff |
|
| beige | #f5f5dc |
|
| bisque | #ffe4c4 |
|
| black | #000000 |
|
| blanchedalmond | #ffebcd |
|
| blue | #0000ff |
|
| blueviolet | #8a2be2 |
|
| brown | #a52a2a |
|
| burlywood | #deb887 |
|
| cadetblue | #5f9ea0 |
|
| chartreuse | #7fff00 |
|
| chocolate | #d2691e |
|
| coral | #ff7f50 |
|
| cornflowerblue | #6495ed |
|
| cornsilk | #fff8dc |
|
| crimson | #dc143c |
|
| cyan | #00ffff |
|
| darkblue | #00008b |
|
| darkcyan | #008b8b |
|
| darkgoldenrod | #b8860b |
|
| darkgray | #a9a9a9 |
|
| darkgreen | #006400 |
|
| darkgrey | #a9a9a9 |
|
| darkkhaki | #bdb76b |
|
| darkmagenta | #8b008b |
|
| darkolivegreen | #556b2f |
|
| darkorange | #ff8c00 |
|
| darkorchid | #9932cc |
|
| darkred | #8b0000 |
|
| darksalmon | #e9967a |
|
| darkseagreen | #8fbc8f |
|
| darkslateblue | #483d8b |
|
| darkslategray | #2f4f4f |
|
| darkslategrey | #2f4f4f |
|
| darkturquoise | #00ced1 |
|
| darkviolet | #9400d3 |
|
| deeppink | #ff1493 |
|
| deepskyblue | #00bfff |
|
| dimgray | #696969 |
|
| dimgrey | #696969 |
|
| dodgerblue | #1e90ff |
|
| firebrick | #b22222 |
|
| floralwhite | #fffaf0 |
|
| forestgreen | #228b22 |
|
| fuchsia | #ff00ff |
|
| gainsboro | #dcdcdc |
|
| ghostwhite | #f8f8ff |
|
| gold | #ffd700 |
|
| goldenrod | #daa520 |
|
| gray | #808080 |
|
| green | #008000 |
|
| greenyellow | #adff2f |
|
| grey | #808080 |
|
| honeydew | #f0fff0 |
|
| hotpink | #ff69b4 |
|
| indianred | #cd5c5c |
|
| indigo | #4b0082 |
|
| ivory | #fffff0 |
|
| khaki | #f0e68c |
|
| lavender | #e6e6fa |
|
| lavenderblush | #fff0f5 |
|
| lawngreen | #7cfc00 |
|
| lemonchiffon | #fffacd |
|
| lightblue | #add8e6 |
|
| lightcoral | #f08080 |
|
| lightcyan | #e0ffff |
|
| lightgoldenrodyellow | #fafad2 |
|
| lightgray | #d3d3d3 |
|
| lightgreen | #90ee90 |
|
| lightgrey | #d3d3d3 |
|
| lightpink | #ffb6c1 |
|
| lightsalmon | #ffa07a |
|
| lightseagreen | #20b2aa |
|
| lightskyblue | #87cefa |
|
| lightslategray | #778899 |
|
| lightslategrey | #778899 |
|
| lightsteelblue | #b0c4de |
|
| lightyellow | #ffffe0 |
|
| lime | #00ff00 |
|
| limegreen | #32cd32 |
|
| linen | #faf0e6 |
|
| magenta | #ff00ff |
|
| maroon | #800000 |
|
| mediumaquamarine | #66cdaa |
|
| mediumblue | #0000cd |
|
| mediumorchid | #ba55d3 |
|
| mediumpurple | #9370db |
|
| mediumseagreen | #3cb371 |
|
| mediumslateblue | #7b68ee |
|
| mediumspringgreen | #00fa9a |
|
| mediumturquoise | #48d1cc |
|
| mediumvioletred | #c71585 |
|
| midnightblue | #191970 |
|
| mintcream | #f5fffa |
|
| mistyrose | #ffe4e1 |
|
| moccasin | #ffe4b5 |
|
| navajowhite | #ffdead |
|
| navy | #000080 |
|
| oldlace | #fdf5e6 |
|
| olive | #808000 |
|
| olivedrab | #6b8e23 |
|
| orange | #ffa500 |
|
| orangered | #ff4500 |
|
| orchid | #da70d6 |
|
| palegoldenrod | #eee8aa |
|
| palegreen | #98fb98 |
|
| paleturquoise | #afeeee |
|
| palevioletred | #db7093 |
|
| papayawhip | #ffefd5 |
|
| peachpuff | #ffdab9 |
|
| peru | #cd853f |
|
| pink | #ffc0cb |
|
| plum | #dda0dd |
|
| powderblue | #b0e0e6 |
|
| purple | #800080 |
|
| rebeccapurple | #663399 |
|
| red | #ff0000 |
|
| rosybrown | #bc8f8f |
|
| royalblue | #4169e1 |
|
| saddlebrown | #8b4513 |
|
| salmon | #fa8072 |
|
| sandybrown | #f4a460 |
|
| seagreen | #2e8b57 |
|
| seashell | #fff5ee |
|
| sienna | #a0522d |
|
| silver | #c0c0c0 |
|
| skyblue | #87ceeb |
|
| slateblue | #6a5acd |
|
| slategray | #708090 |
|
| slategrey | #708090 |
|
| snow | #fffafa |
|
| springgreen | #00ff7f |
|
| steelblue | #4682b4 |
|
| tan | #d2b48c |
|
| teal | #008080 |
|
| thistle | #d8bfd8 |
|
| tomato | #ff6347 |
|
| transparent | ※透明 | |
| turquoise | #40e0d0 |
|
| violet | #ee82ee |
|
| wheat | #f5deb3 |
|
| white | #ffffff |
|
| whitesmoke | #f5f5f5 |
|
| yellow | #ffff00 |
|
| yellowgreen | #9acd32 |
Webセーフカラー・一覧
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF |
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF |
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF |
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF |
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF |
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |