- index
- 色見本
標準16色
HTMLで定義されている基本色です。
この16色は、古いブラウザや携帯でもカラーネームを解釈できます。特徴としては「gray」「silver」のように名前で色を指定することができます。
| black #000000 |
gray #808080 |
silver #C0C0C0 |
white #FFFFFF |
||||
| maroon #800000 |
red #FF0000 |
purple #800080 |
fuchsia #FF00FF |
||||
| green #008000 |
lime #00FF00 |
olive #808000 |
yellow #FFFF00 |
||||
| navy #000080 |
blue #0000FF |
teal #008080 |
aqua #00FFFF |
Web Safeカラー 216色
安心して使える216色です。
標準16色とWebセーフカラーは、異なる環境でも同じ色で表示されます。
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
その他の色
*マーク付きのカラーネームは、ブラウザによっては対応していない場合があります。カラーコードで指定するようにしてください。
| aliceblue #F0F8FF |
lightgreen #90EE90 |
lightgrey #D3D3D3 |
lightpink #FFB6C1 |
||||
| antiquewhite #FAEBD7 |
lightsalmon #FFA07A |
aquamarine #7FFFD4 |
lightskyblue #87CEFA |
||||
| aqua #00FFFF |
lightseagreen #20B2AA |
beige #F5F5DC |
lightslategray #778899 |
||||
| azure #F0FFFF |
bisque #FFE4C4 |
black #000000 |
lightsteelblue #B0C4DE |
||||
| blanchedalmond #FFEBCD |
lightyellow #FFFFE0 |
blue #0000FF |
lime #00FF00 |
||||
| blueviolet #8A2BE2 |
limegreen #32CD32 |
brass * #B5A642 |
linen #FAF0E6 |
||||
| brown #A52A2A |
magenta #FF00FF |
burlywood #DEB887 |
maroon #800000 |
||||
| cadetblue #5F9EA0 |
mediumaquamarine #66CDAA |
chartreuse #7FFF00 |
mediumblue #0000CD |
||||
| chocolate #D2691E |
mediumorchid #BA55D3 |
coolcopper * #D98719 |
mediumpurple #9370DB |
||||
| copper * #BF00DF |
mediumseagreen #3CB371 |
coral #FF7F50 |
mediumslateblue #7B68EE |
||||
| cornflower * #BFEFDF |
mediumspringgreen #00FA9A |
cornflowerblue #6495ED |
mediumturquoise #48D1CC |
||||
| cornsilk #FFF8DC |
mediumvioletred #C71585 |
crimson #DC143C |
midnightblue #191970 |
||||
| cyan #00FFFF |
mintcream #F5FFFA |
darkblue #00008B |
mistyrose #FFE4E1 |
||||
| darkbrown * #DA0B00 |
moccasin #FFE4B5 |
darkcyan #008B8B |
navajowhite #FFDEAD |
||||
| darkgoldenrod #B8860B |
navy #000080 |
darkgray #A9A9A9 |
oldlace #FDF5E6 |
||||
| darkgreen #006400 |
olive #808000 |
darkkhaki #BDB76B |
olivedrab #6B8E23 |
||||
| darkmagenta #8B008B |
orange #FFA500 |
darkolivegreen #556B2F |
orangered #FF4500 |
||||
| darkorange #FF8C00 |
orchid #DA70D6 |
darkorchid #9932CC |
palegoldenrod #EEE8AA |
||||
| darkred #8B0000 |
palegreen #98FB98 |
darksalmon #E9967A |
paleturquoise #AFEEEE |
||||
| darkseagreen #8FBC8F |
palevioletred #DB7093 |
darkslateblue #483D8B |
papayawhip #FFEFD5 |
||||
| darkslategray #2F4F4F |
peachpuff #FFDAB9 |
darkturquoise #00CED1 |
peru #CD853F |
||||
| darkviolet #9400D3 |
pink #FFC0CB |
deeppink #FF1493 |
plum #DDA0DD |
||||
| deepskyblue #00BFFF |
powderblue #B0E0E6 |
dimgray #696969 |
purple #800080 |
||||
| dodgerblue #1E90FF |
red #FF0000 |
feldsper * #FED0E0 |
richblue * #0CB0E0 |
||||
| firebrick #B22222 |
rosybrown #BC8F8F |
floralwhite #FFFAF0 |
royalblue #4169E1 |
||||
| forestgreen #228B22 |
saddlebrown #8B4513 |
fuchsia #FF00FF |
salmon #FA8072 |
||||
| gainsboro #DCDCDC |
sandybrown #F4A460 |
ghostwhite #F8F8FF |
seagreen #2E8B57 |
||||
| gold #FFD700 |
seashell #FFF5EE |
goldenrod #DAA520 |
sienna #A0522D |
||||
| gray #808080 |
silver #C0C0C0 |
green #008000 |
skyblue #87CEEB |
||||
| greenyellow #ADFF2F |
slateblue #6A5ACD |
honeydew #F0FFF0 |
slategray #708090 |
||||
| hotpink #FF69B4 |
snow #FFFAFA |
indianred #CD5C5C |
springgreen #00FF7F |
||||
| indigo #4B0082 |
steelblue #4682B4 |
ivory #FFFFF0 |
tan #D2B48C |
||||
| khaki #F0E68C |
teal #008080 |
lavender #E6E6FA |
thistle #D8BFD8 |
||||
| lavenderblush #FFF0F5 |
tomato #FF6347 |
lawngreen #7CFC00 |
turquoise #40E0D0 |
||||
| lemonchiffon #FFFACD |
violet #EE82EE |
lightblue #ADD8E6 |
wheat #F5DEB3 |
||||
| lightcoral #F08080 |
white #FFFFFF |
lightcyan #E0FFFF |
whitesmoke #F5F5F5 |
||||
| lightgoldenrodyellow #FAFAD2 |
yellow #FFFF00 |
yellowgreen #9ACD32 |
参考リンク
配色に困ったら・・・Color Scheme Designer3
