Color Samples(色見本)
CSSで使えるColor名の一覧サンプル。# はRGB256階調指定。
各セルに<td style="background-color:snow" >snow<br>のように設定してます。
white #ffffff (255,255,255) |
seashell #fff5ee(255,245,238) |
snow #fffafa (255,250,250) |
aliceblue #f0f8ff (240,248,255) |
azure #f0ffff (240,255,255) |
floralwhite #fffaf0 (255,250,240) |
ghostwhite #f8f8ff (248,248,255) |
lightcyan #e0ffff (224,255,255) |
hoeydew #f0fff0 (240,255,240) |
ivory #fffff0 (255,255,240) |
beige #f5f5dc (245,245,220) |
lightyellow #ffffe0 (255,255,224) |
cornsilk #fff8dc (255,248,220) |
linen #faf0e6 (250,240,230) |
mintcream #f5fffa (245,255,250) |
oldlace #fdf5e6 (253,245,230) |
papayawhip #ffefd5 (255,239,213) |
lemonchiffon #fffacd (255,250,205) |
lightgoldenrodyellow #fafad2 (250,250,210) |
antiquewhite #faebd7 (250,235,215) |
wheat #f5deb3 (245,222,179) |
bisque #ffe4c4 (255,228,196) |
blanchedalmond #ffebcd (255,235,205) |
moccasin #ffe4b5 (255,228,181) |
navajowhite #ffdead (255,222,173) |
peachpuff #ffdab9 (255,218,185) |
whitesmoke #f5f5f5 (245,245,245) |
lavender #e6e6fa (230,230,250) |
lightsteelblue #b0c4de (176,196,222) |
silver #c0c0c0 (192,192,192) |
gainsboro #dcdcdc (220,220,220) |
lightgrey #d3d3d3 (211,211,211) |
mistyrose #ffe4e1 (255,228,225) |
lavenderblush #fff0f5 (255,240,245) |
thistle #d8bfd8 (216,191,216) |
plum #dda0dd (221,160,221) |
hotpink #ff69b4 (255,105,180) |
lightpink #ffb6c1 (255,182,193) |
pink #ffc0cb (255,192,203) |
deeppink #ff1493 (255,20,147) |
fuchsia #ff00ff (255,0,255) |
mediumorchid #ba55d3 (186,85,211) |
orchid #da70d6 (218,112,214) |
violet #ee82ee (238,130,238) |
magenta #ff00ff (255,0,255) |
mediumpurple #9370db (147,112,219) |
mediumslateblue #7b68ee (123,104,238) |
slateblue #6a5acd (106,90,205) |
royalblue #4169e1 (65,105,225) |
blueviolet #8a2be2 (138,43,226) |
darkorchid #9932cc (153,50,204) |
darkmagenta #8b008b (139,0,139) |
darkviolet #9400d3 (148,0,211) |
indigo #4b0082 (75,0,130) |
navy #000080 (0,0,128) |
blue #0000ff (0,0,255) |
darkblue #00008b (0,0,139) |
darkslateblue #483d8b (72,61,139) |
mediumblue #0000cd (0,0,205) |
midnightblue #191970 (25,25,112) |
purple #800080 (128,0,128) |
dodgerblue #1e90ff (30,144,255) |
cornflowerblue #6495ed (100,149,237) |
steelblue #4682b4 (70,130,180) |
deepskyblue #00bfff (0,191,255) |
lightskyblue #87cefa (135,206,250) |
skyblue #87ceeb (135,206,235) |
lightblue #add8e6 (173,216,230) |
powderblue #b0e0e6 (176,224,230) |
paleturquoise #afeeee (175,238,238) |
aqua #00ffff (0,255,255) |
cyan #00ffff (0,255,255) |
turquoise #40e0d0 (64,224,208) |
mediumturquoise #48d1cc (72,209,204) |
darkturquoise #00ced1 (0,206,209) |
cadetblue #5f9ea0 (95,158,160) |
darkcyan #008b8b (0,139,139) |
teal #008080 (0,128,128) |
limegreen #32cd32 (50,205,50) |
darkgreen #006400 (0,100,0) |
darkolivegreen #556b2f (85,107,47) |
seagreen #2e8b57 (46,139,87) |
green #008000 (0,128,0) |
forestgreen #228b22 (34,139,34) |
springgreen #00ff7f (0,255,127) |
mediumseagreen #3cb371 (60,179,113) |
mediumspringgreen #00fa9a (0,250,154) |
darkseagreen #8fbc8f (143,188,143) |
lime #00ff00 (0,255,0) |
olivedrab #6b8e23 (107,142,35) |
chartreuse #7fff00 (127,255,0) |
yellowgreen #9acd32 (154,205,50) |
lawngreen #7cfc00 (124,252,0) |
greenyellow #adff2f (173,255,47) |
palegreen #98fb98 (152,251,152) |
lightgreen #90ee90 (144,238,144) |
mediumaquamarine #66cdaa (102,205,170) |
aquamarine #7fffd4 (127,255,212) |
lightseagreen #20b2aa (32,178,170) |
darkslategray #2f4f4f (47,79,79) |
olive #808000 (128,128,0) |
darkgoldenrod #b8860b (184,134,11) |
goldenrod #daa520 (218,165,32) |
darkkhaki #bdb76b (189,183,107) |
khaki #f0e68c (240,230,140) |
gold #ffd700 (255,215,0) |
yellow #ffff00 (255,255,0) |
palegoldenrod #eee8aa (238,232,170) |
burlywood #deb887 8222,184,135) |
tan #d2b48c (210,180,140) |
darksalmon #e9967a (233,150,122) |
sandybrown #f4a460 (244,164,96) |
peru #cd853f (205,133,63) |
chocolate #d2691e (210,105,30) |
sienna #a0522d (160,82,45) |
saddlebrown #8b4513 (139,69,19) |
darkred #8b0000 (139,0,0) |
maroon #800000 (128,0,0) |
brown #a52a2a (165,42,42) |
firebrick #b22222 (178,34,34) |
crimson #dc143c (220,20,60) |
red #ff0000 (255,0,0) |
palevioletred #d87093 (219,112,147) |
mediumvioletred #c71585 (199,21,133) |
indianred #cd5c5c (205,92,92) |
tomato #ff6347 (255,99,71) |
orangered #ff4500 (255,69,0) |
darkorange #ff8c00 (255,140,0) |
coral #ff7f50 (255,127,80) |
orange #ffa500 (255,165,0) |
lightsalmon #ffa07a (255,160,122) |
lightcoral #f08080 (240,128,128) |
salmon #fa8072 (250,128,114) |
gray #808080 (128,128,128) |
darkgray #a9a9a9 (169,169,169) |
slategray #708090 (112,128,144) |
lightslategray #778899 (119,136,153) |
dimgray #696969 (105,105,105) |
black #000000 (0,0,0) |