メニュー
おすすめカラーパレット
Webセーフカラーパレット
色の名前の一覧表
HSLカラーピッカー
ホイールカラーピッカー
HSVカラーピッカー
RGBカラーピッカー
配色ジェネレーター
近似色ジェネレーター
ランダムカラージェネレーター
上
下
色の名前の一覧表
maroon
(
#800000
)
darkred
(
#8b0000
)
red
(
#ff0000
)
snow
(
#fffafa
)
lightcoral
(
#f08080
)
firebrick
(
#b22222
)
brown
(
#a52a2a
)
indianred
(
#cd5c5c
)
rosybrown
(
#bc8f8f
)
mistyrose
(
#ffe4e1
)
salmon
(
#fa8072
)
tomato
(
#ff6347
)
darksalmon
(
#e9967a
)
coral
(
#ff7f50
)
orangered
(
#ff4500
)
lightsalmon
(
#ffa07a
)
sienna
(
#a0522d
)
seashell
(
#fff5ee
)
saddlebrown
(
#8b4513
)
chocolate
(
#d2691e
)
sandybrown
(
#f4a460
)
peachpuff
(
#ffdab9
)
peru
(
#cd853f
)
linen
(
#faf0e6
)
bisque
(
#ffe4c4
)
darkorange
(
#ff8c00
)
burlywood
(
#deb887
)
antiquewhite
(
#faebd7
)
tan
(
#d2b48c
)
navajowhite
(
#ffdead
)
blanchedalmond
(
#ffebcd
)
papayawhip
(
#ffefd5
)
moccasin
(
#ffe4b5
)
orange
(
#ffa500
)
wheat
(
#f5deb3
)
oldlace
(
#fdf5e6
)
floralwhite
(
#fffaf0
)
darkgoldenrod
(
#b8860b
)
goldenrod
(
#daa520
)
cornsilk
(
#fff8dc
)
gold
(
#ffd700
)
lemonchiffon
(
#fffacd
)
khaki
(
#f0e68c
)
palegoldenrod
(
#eee8aa
)
darkkhaki
(
#bdb76b
)
olive
(
#808000
)
yellow
(
#ffff00
)
lightyellow
(
#ffffe0
)
ivory
(
#fffff0
)
lightgoldenrodyellow
(
#fafad2
)
beige
(
#f5f5dc
)
olivedrab
(
#6b8e23
)
yellowgreen
(
#9acd32
)
darkolivegreen
(
#556b2f
)
greenyellow
(
#adff2f
)
chartreuse
(
#7fff00
)
lawngreen
(
#7cfc00
)
darkgreen
(
#006400
)
green
(
#008000
)
lime
(
#00ff00
)
honeydew
(
#f0fff0
)
palegreen
(
#98fb98
)
lightgreen
(
#90ee90
)
limegreen
(
#32cd32
)
forestgreen
(
#228b22
)
darkseagreen
(
#8fbc8f
)
seagreen
(
#2e8b57
)
mediumseagreen
(
#3cb371
)
springgreen
(
#00ff7f
)
mintcream
(
#f5fffa
)
mediumspringgreen
(
#00fa9a
)
mediumaquamarine
(
#66cdaa
)
aquamarine
(
#7fffd4
)
turquoise
(
#40e0d0
)
lightseagreen
(
#20b2aa
)
mediumturquoise
(
#48d1cc
)
teal
(
#008080
)
darkcyan
(
#008b8b
)
aqua
(
#00ffff
)
cyan
(
#00ffff
)
lightcyan
(
#e0ffff
)
azure
(
#f0ffff
)
paleturquoise
(
#afeeee
)
darkslategray
(
#2f4f4f
)
darkslategrey
(
#2f4f4f
)
darkturquoise
(
#00ced1
)
cadetblue
(
#5f9ea0
)
powderblue
(
#b0e0e6
)
lightblue
(
#add8e6
)
deepskyblue
(
#00bfff
)
skyblue
(
#87ceeb
)
lightskyblue
(
#87cefa
)
steelblue
(
#4682b4
)
aliceblue
(
#f0f8ff
)
dodgerblue
(
#1e90ff
)
lightslategray
(
#778899
)
lightslategrey
(
#778899
)
slategray
(
#708090
)
slategrey
(
#708090
)
lightsteelblue
(
#b0c4de
)
cornflowerblue
(
#6495ed
)
royalblue
(
#4169e1
)
navy
(
#000080
)
darkblue
(
#00008b
)
mediumblue
(
#0000cd
)
blue
(
#0000ff
)
ghostwhite
(
#f8f8ff
)
lavender
(
#e6e6fa
)
midnightblue
(
#191970
)
slateblue
(
#6a5acd
)
darkslateblue
(
#483d8b
)
mediumslateblue
(
#7b68ee
)
mediumpurple
(
#9370db
)
blueviolet
(
#8a2be2
)
indigo
(
#4b0082
)
darkorchid
(
#9932cc
)
darkviolet
(
#9400d3
)
mediumorchid
(
#ba55d3
)
purple
(
#800080
)
darkmagenta
(
#8b008b
)
fuchsia
(
#ff00ff
)
magenta
(
#ff00ff
)
violet
(
#ee82ee
)
plum
(
#dda0dd
)
thistle
(
#d8bfd8
)
orchid
(
#da70d6
)
mediumvioletred
(
#c71585
)
deeppink
(
#ff1493
)
hotpink
(
#ff69b4
)
lavenderblush
(
#fff0f5
)
palevioletred
(
#db7093
)
crimson
(
#dc143c
)
pink
(
#ffc0cb
)
lightpink
(
#ffb6c1
)
black
(
#000000
)
dimgray
(
#696969
)
dimgrey
(
#696969
)
gray
(
#808080
)
grey
(
#808080
)
darkgray
(
#a9a9a9
)
darkgrey
(
#a9a9a9
)
silver
(
#c0c0c0
)
lightgray
(
#d3d3d3
)
lightgrey
(
#d3d3d3
)
gainsboro
(
#dcdcdc
)
whitesmoke
(
#f5f5f5
)
white
(
#ffffff
)
リセット
配色をリセットする
色の名前の一覧表について
HTMLやCSSで利用できる、147色のカラーネームがあります。
選択カラー
#ff0000
配色１にする
配色２にする
配色３にする
配色４にする
生成カラーにする
生成カラー
#0080ff
配色１にする
配色２にする
配色３にする
配色４にする
配色１
#003366
配色２
#006699
配色３
#ff9900
配色４
#ffffff