色名で指定できるウェブブラウザのカラー140色
ウェブブラウザの表示を装飾するCSSでは、色を16進数のカラーコードで指定しますが色名で指定できるものが140色あります。その色名とカラーコードを表示。
red
#ff0000
#ff0000
orangered
#ff4500
#ff4500
tomato
#ff6347
#ff6347
coral
#ff7f50
#ff7f50
mediumbioletred
#c71585
#c71585
deeppink
#ff1493
#ff1493
hotpink
#ff69b4
#ff69b4
pink
#ffc0cb
#ffc0cb
indianred
#cd5c5c
#cd5c5c
crimson
#dc143c
#dc143c
firebrick
#b22222
#b22222
brown
#a52a2a
#a52a2a
limegreen
#32cd32
#32cd32
lime
#00ff00
#00ff00
greenyellow
#adff2f
#adff2f
chartreuse
#7fff00
#7fff00
lawngreen
#7cfc00
#7cfc00
mediumspringgreen
#00fa9a
#00fa9a
springgreen
#00ff7f
#00ff7f
lightgreen
#90ee90
#90ee90
darkgreen
#006400
#006400
green
#008000
#008000
forestgreen
#228b22
#228b22
seagreen
#2e8b57
#2e8b57
palegreen
#98fb98
#98fb98
aquamarine
#7fffd4
#7fffd4
mediumseagreen
#3cb371
#3cb371
mediumaquamarine
#66cdaa
#66cdaa
darkseagreen
#8fbc8f
#8fbc8f
yellowgreen
#9acd32
#9acd32
darkolivegreen
#556b2f
#556b2f
olivedrab
#6b8e23
#6b8e23
olive
#808000
#808000
darkcyan
#008b8b
#008b8b
teal
#008080
#008080
darkslategray
#2f4f4f
#2f4f4f
mediumblue
#0000cd
#0000cd
darkblue
#00008b
#00008b
navy
#000080
#000080
midnightblue
#191970
#191970
blue
#0000ff
#0000ff
dodgerblue
#1e90ff
#1e90ff
cornflowrblue
#6495ed
#6495ed
deepskyblue
#00bfff
#00bfff
royalblue
#4169e1
#4169e1
steelblue
#4682b4
#4682b4
indigo
#4b0082
#4b0082
darkslateblue
#483d8b
#483d8b
orange
#ffa500
#ffa500
gold
#ffd700
#ffd700
yellow
#ffff00
#ffff00
khaki
#f0e68c
#f0e68c
tan
#d2b48c
#d2b48c
sandybrown
#f4a460
#f4a460
burlywood
#deb887
#deb887
darkorange
#ff8c00
#ff8c00
goldenrod
#daa520
#daa520
peru
#cd853f
#cd853f
darkgoldenrod
#b8860b
#b8860b
darkred
#8b0000
#8b0000
maroon
#800000
#800000
saddlebrown
#8b4513
#8b4513
sienna
#a0522d
#a0522d
chocolate
#d2691e
#d2691e
darkmagenta
#8b008b
#8b008b
purple
#800080
#800080
blueviolet
#8a2be2
#8a2be2
mediumslateblue
#7b68ee
#7b68ee
slateblue
#6a5acd
#6a5acd
mediumpurple
#9370db
#9370db
darkturquoise
#00ced1
#00ced1
lightseagreen
#20b2aa
#20b2aa
cadetblue
#5f9ea0
#5f9ea0
mediumturquoise
#48d1cc
#48d1cc
turquoise
#40e0d0
#40e0d0
aqua
#00ffff
#00ffff
cyan
#00ffff
#00ffff
paleturquoise
#afeeee
#afeeee
powderblue
#b0e0e6
#b0e0e6
lightblue
#add8e6
#add8e6
skyblue
#87ceeb
#87ceeb
lightskyblue
#87cefa
#87cefa
plum
#dda0dd
#dda0dd
orchid
#da70d6
#da70d6
mediumorchid
#ba55d3
#ba55d3
darkorchid
#9932cc
#9932cc
darkviolet
#9400d3
#9400d3
violet
#ee82ee
#ee82ee
fuchsia
#ff00ff
#ff00ff
magenta
#ff00ff
#ff00ff
thistle
#d8bfd8
#d8bfd8
lightpink
#ffb6c1
#ffb6c1
laightcoral
#f08080
#f08080
lightsalmon
#ffa07a
#ffa07a
salmon
#fa8072
#fa8072
darksalmon
#e9967a
#e9967a
rosybrown
#bc8f8f
#bc8f8f
palevioletred
#db7093
#db7093
darkkhaki
#bdb76b
#bdb76b
lightslategray
#778899
#778899
slategray
#708090
#708090
lightsteelblue
#b0c4de
#b0c4de
lightcyan
#e0ffff
#e0ffff
lightyellow
#ffffe0
#ffffe0
lightgoldenrodyellow
#fafad2
#fafad2
lemonchiffon
#fffacd
#fffacd
wheat
#f5deb3
#f5deb3
lavender
#e6e6fa
#e6e6fa
aliceblue
#f0f8ff
#f0f8ff
palegoldenrod
#eee8aa
#eee8aa
cornsilk
#fff8dc
#fff8dc
beige
#f5f5dc
#f5f5dc
azure
#f0ffff
#f0ffff
mintcream
#f5fffa
#f5fffa
honeydew
#f0fff0
#f0fff0
ivory
#fffff0
#fffff0
oldlace
#fdf5e6
#fdf5e6
seashell
#fff5ee
#fff5ee
lavenderblush
#fff0f5
#fff0f5
mistyrose
#ffe4e1
#ffe4e1
peachpuff
#ffdab9
#ffdab9
navajowhite
#ffdead
#ffdead
maccasin
#ffe4b5
#ffe4b5
bisque
#ffe4c4
#ffe4c4
blanchedalmond
#ffebcd
#ffebcd
papayawhip
#ffefd5
#ffefd5
antiquewhite
#faebd7
#faebd7
linen
#faf0e6
#faf0e6
floralwhite
#fffaf0
#fffaf0
ghostwhite
#f8f8ff
#f8f8ff
snow
#fffafa
#fffafa
white
#ffffff
#ffffff
whitesmoke
#f5f5f5
#f5f5f5
gainsboro
#dcdcdc
#dcdcdc
lightgray
#d3d3d3
#d3d3d3
silver
#c0c0c0
#c0c0c0
darkgray
#a9a9a9
#a9a9a9
gray
#808080
#808080
dimgray
#696969
#696969
black
#000000
#000000
ウェブブラウザの表示を装飾するCSSでは、色を16進数のカラーコードで指定しますが色名で指定できるものが140色あります。その色名とカラーコードを表示。
red
#ff0000
#ff0000
orangered
#ff4500
#ff4500
tomato
#ff6347
#ff6347
coral
#ff7f50
#ff7f50
mediumbioletred
#c71585
#c71585
deeppink
#ff1493
#ff1493
hotpink
#ff69b4
#ff69b4
pink
#ffc0cb
#ffc0cb
indianred
#cd5c5c
#cd5c5c
crimson
#dc143c
#dc143c
firebrick
#b22222
#b22222
brown
#a52a2a
#a52a2a
limegreen
#32cd32
#32cd32
lime
#00ff00
#00ff00
greenyellow
#adff2f
#adff2f
chartreuse
#7fff00
#7fff00
lawngreen
#7cfc00
#7cfc00
mediumspringgreen
#00fa9a
#00fa9a
springgreen
#00ff7f
#00ff7f
lightgreen
#90ee90
#90ee90
darkgreen
#006400
#006400
green
#008000
#008000
forestgreen
#228b22
#228b22
seagreen
#2e8b57
#2e8b57
palegreen
#98fb98
#98fb98
aquamarine
#7fffd4
#7fffd4
mediumseagreen
#3cb371
#3cb371
mediumaquamarine
#66cdaa
#66cdaa
darkseagreen
#8fbc8f
#8fbc8f
yellowgreen
#9acd32
#9acd32
darkolivegreen
#556b2f
#556b2f
olivedrab
#6b8e23
#6b8e23
olive
#808000
#808000
darkcyan
#008b8b
#008b8b
teal
#008080
#008080
darkslategray
#2f4f4f
#2f4f4f
mediumblue
#0000cd
#0000cd
darkblue
#00008b
#00008b
navy
#000080
#000080
midnightblue
#191970
#191970
blue
#0000ff
#0000ff
dodgerblue
#1e90ff
#1e90ff
cornflowrblue
#6495ed
#6495ed
deepskyblue
#00bfff
#00bfff
royalblue
#4169e1
#4169e1
steelblue
#4682b4
#4682b4
indigo
#4b0082
#4b0082
darkslateblue
#483d8b
#483d8b
orange
#ffa500
#ffa500
gold
#ffd700
#ffd700
yellow
#ffff00
#ffff00
khaki
#f0e68c
#f0e68c
tan
#d2b48c
#d2b48c
sandybrown
#f4a460
#f4a460
burlywood
#deb887
#deb887
darkorange
#ff8c00
#ff8c00
goldenrod
#daa520
#daa520
peru
#cd853f
#cd853f
darkgoldenrod
#b8860b
#b8860b
darkred
#8b0000
#8b0000
maroon
#800000
#800000
saddlebrown
#8b4513
#8b4513
sienna
#a0522d
#a0522d
chocolate
#d2691e
#d2691e
darkmagenta
#8b008b
#8b008b
purple
#800080
#800080
blueviolet
#8a2be2
#8a2be2
mediumslateblue
#7b68ee
#7b68ee
slateblue
#6a5acd
#6a5acd
mediumpurple
#9370db
#9370db
darkturquoise
#00ced1
#00ced1
lightseagreen
#20b2aa
#20b2aa
cadetblue
#5f9ea0
#5f9ea0
mediumturquoise
#48d1cc
#48d1cc
turquoise
#40e0d0
#40e0d0
aqua
#00ffff
#00ffff
cyan
#00ffff
#00ffff
paleturquoise
#afeeee
#afeeee
powderblue
#b0e0e6
#b0e0e6
lightblue
#add8e6
#add8e6
skyblue
#87ceeb
#87ceeb
lightskyblue
#87cefa
#87cefa
plum
#dda0dd
#dda0dd
orchid
#da70d6
#da70d6
mediumorchid
#ba55d3
#ba55d3
darkorchid
#9932cc
#9932cc
darkviolet
#9400d3
#9400d3
violet
#ee82ee
#ee82ee
fuchsia
#ff00ff
#ff00ff
magenta
#ff00ff
#ff00ff
thistle
#d8bfd8
#d8bfd8
lightpink
#ffb6c1
#ffb6c1
laightcoral
#f08080
#f08080
lightsalmon
#ffa07a
#ffa07a
salmon
#fa8072
#fa8072
darksalmon
#e9967a
#e9967a
rosybrown
#bc8f8f
#bc8f8f
palevioletred
#db7093
#db7093
darkkhaki
#bdb76b
#bdb76b
lightslategray
#778899
#778899
slategray
#708090
#708090
lightsteelblue
#b0c4de
#b0c4de
lightcyan
#e0ffff
#e0ffff
lightyellow
#ffffe0
#ffffe0
lightgoldenrodyellow
#fafad2
#fafad2
lemonchiffon
#fffacd
#fffacd
wheat
#f5deb3
#f5deb3
lavender
#e6e6fa
#e6e6fa
aliceblue
#f0f8ff
#f0f8ff
palegoldenrod
#eee8aa
#eee8aa
cornsilk
#fff8dc
#fff8dc
beige
#f5f5dc
#f5f5dc
azure
#f0ffff
#f0ffff
mintcream
#f5fffa
#f5fffa
honeydew
#f0fff0
#f0fff0
ivory
#fffff0
#fffff0
oldlace
#fdf5e6
#fdf5e6
seashell
#fff5ee
#fff5ee
lavenderblush
#fff0f5
#fff0f5
mistyrose
#ffe4e1
#ffe4e1
peachpuff
#ffdab9
#ffdab9
navajowhite
#ffdead
#ffdead
maccasin
#ffe4b5
#ffe4b5
bisque
#ffe4c4
#ffe4c4
blanchedalmond
#ffebcd
#ffebcd
papayawhip
#ffefd5
#ffefd5
antiquewhite
#faebd7
#faebd7
linen
#faf0e6
#faf0e6
floralwhite
#fffaf0
#fffaf0
ghostwhite
#f8f8ff
#f8f8ff
snow
#fffafa
#fffafa
white
#ffffff
#ffffff
whitesmoke
#f5f5f5
#f5f5f5
gainsboro
#dcdcdc
#dcdcdc
lightgray
#d3d3d3
#d3d3d3
silver
#c0c0c0
#c0c0c0
darkgray
#a9a9a9
#a9a9a9
gray
#808080
#808080
dimgray
#696969
#696969
black
#000000
#000000