デザイン制作
デザインの制作のページ

HTMLカラーネームコピペ

色をクリックするだけでコピーできます

140色の名前つきHTMLカラー・Webカラー

好きな色を選んで1クリックで値をコピーできます。

続けて他の色をクリックすると、下の方にあるテキストエリアに追加していきます。

コピペ対象

カラーネーム一覧

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


説明

色のエリア、色の名前、RGB値をクリックするだけでその値がコピーできます。そのままどこかにペーストしてください。最後にクリックした色がコピーの対象です。

上のほうにある「コピペ対象」のオプションでカラーネームだけをコピーするか、RGB値だけをコピーするか、あるいは両方ともコピーするかを選択することができます。

RGB値は「#」をつけるかどうかも選択できます。

この説明の上にある出力エリアにも値がセットされるようにしました。続けてクリックすると追加していきます。

出力エリアが小さい場合は、右下のツマミをドラッグしてみてください。

メモ

何順で並べようか困った。あとで並び順を変えるかも。

作成日: