ホーム > HTMLに役立つヒント >JavaScriptで指定できる色の名前
JavaScriptで指定できる色の名前
色変換、どじってたら教えてください。表を作るだけで気力が萎えた。誰かカラー別に並べ替えて(^^; 各ボタンはテストのために付けたもので、実際にJavaScriptで「名前によって」背景色を変更しています。 一方、色の入ったセルは「#ffffff」のように指定していますから、ボタンを押して枠がなくなったように見えれば成功というわけ。
aliceblue #f0f8ff
lightsalmon #ffa07a
antiquewhite #faebd7
lightseagreen #20b2aa
aqua #00ffff
lightskyblue #87cefa
aquamarine #7fffd4
lightslategray #778899
azure #f0ffff
lightsteelblue #b0c4de
beige #f5f5dc
lightyellow #ffffe0
bisque #ffe4c4
lime #00ff00
black #000000
limegreen #32cd32
blanchedalmond #ffebcd
linen #faf0e6
blue #0000ff
magenta #ff00ff
blueviolet #8a2be2
maroon #800000
brown #a52a2a
mediumaquamarine #66cdaa
burlywood #deb887
mediumblue #0000cd
cadetblue #5f9ea0
mediumorchid #ba55d3
chartreuse #7fff00
mediumpurple #9370db
chocolate #d2691e
mediumseagreen #3cb371
coral #ff7f50
mediumslateblue #7b68ee
cornflowerblue #6495ed
mediumspringgreen #00fa9a
cornsilk #fff8dc
mediumturquoise #48d1cc
crimson #dc143c
mediumvioletred #c71585
cyan #00ffff
midnightblue #191970
darkblue #00008b
mintcream #f5fffa
darkcyan #008b8b
mistyrose #ffe4e1
darkgoldenrod #b8860b
moccasin #ffe4b5
darkgray #a9a9a9
navajowhite #ffdead
darkgreen #006400
navy #000080
darkkhaki #bdb76b
oldlace #fdf5e6
darkmagenta #8b008b
olive #808000
darkolivegreen #556b2f
olivedrab #6b8e23
darkorange #ff8c00
orange #ffa500
darkorchid #9932cc
orangered #ff4500
darkred #8b0000
orchid #da70d6
darksalmon #e9967a
palegoldenrod #eee8aa
darkseagreen #8fbc8f
palegreen #98fb98
darkslateblue #483d8b
paleturquoise #afeeee
darkslategray #2f4f4f
palevioletred #db7093
darkturquoise #00ced1
papayawhip #ffefd5
darkviolet #9400d3
peachpuff #ffdab9
deeppink #ff1493
peru #cd853f
deepskyblue #00bfff
pink #ffc0cb
dimgray #696969
plum #dda0dd
dodgerblue #1e90ff
powderblue #b0e0e6
firebrick #b22222
purple #800080
floralwhite #fffaf0
red #ff0000
forestgreen #228b22
rosybrown #bc8f8f
fuchsia #ff00ff
royalblue #4169e1
gainsboro #dcdcdc
saddlebrown #8b4513
ghostwhite #f8f8ff
salmon #fa8072
gold #ffd700
sandybrown #f4a460
goldenrod #daa520
seagreen #2e8b57
gray #808080
seashell #fff5ee
green #008000
sienna #a0522d
greenyellow #adff2f
silver #c0c0c0
honeydew #f0fff0
skyblue #87ceeb
honeydewtab #00deab
slateblue #6a5acd
hotpink #ff69b4
slategray #708090
indianred #cd5c5c
snow #fffafa
indigo #4b0082
springgreen #00ff7f
ivory #fffff0
steelblue #4682b4
khaki #f0e68c
tan #d2b48c
lavender #e6e6fa
teal #008080
lavenderblush #fff0f5
thistle #d8bfd8
lawngreen #7cfc00
tomato #ff6347
lemonchiffon #fffacd
turquoise #40e0d0
lightblue #add8e6
violet #ee82ee
lightcoral #f08080
wheat #f5deb3
lightcyan #e0ffff
white #ffffff
lightgoldenrodyellow #fafad2
whitesmoke #f5f5f5
lightgreen #90ee90
yellow #ffff00
lightgrey #d3d3d3
yellowgreen #9acd32
lightpink #ffb6c1
以上141色