COLOR TEST
141色の色名(カラーネーム)・コード(カラーコード)付きカラーサンプルです。
色名をクリックすると文字色がその色になり、コードをクリックすると背景色がその色になります。
文字色と背景色の組み合わせなどをお試しください(文字色標準・背景色標準ボタンで戻せます)
下のボックスに色名やコードを入力する事で、任意の文字色・背景色への変更が可能です。
現在の文字色 ⇒・現在の背景色 ⇒ のところで、現在表示されている色がわかります。
任意の文字色の色名・コードを入力してボタンを押してください
任意の背景色の色名・コードを入力してボタンを押してください
現在の文字色 ⇒
現在の背景色 ⇒
◆◇◆◇◆ 文字色を変更した場合は、この部分のテキストの色が変更されます ◆◇◆◇◆
色名
コード
色名
コード
色名
コード
aliceblue
#f0f8ff
ghostwhite
#f8f8ff
moccasin
#ffe4b5
antiquewhite
#faebd7
gold
#ffd700
navajowhite
#ffdead
aqua
#00ffff
goldenrod
#daa520
navy
#000080
aquamarine
#7fffd4
gray
#808080
oldlace
#fdf5e6
azure
#f0ffff
green
#008000
olive
#808000
beige
#f5f5dc
greenyellow
#adff2f
olivedrab
#6b8e23
bisque
#ffe4c4
honeydew
#f0fff0
orange
#ffa500
black
#000000
honeydewtab
#00deab
orangered
#ff4500
blanchedalmond
#ffebcd
hotpink
#ff69b4
orchid
#da70d6
blue
#0000ff
indianred
#cd5c5c
palegoldenrod
#eee8aa
blueviolet
#8a2be2
indigo
#4b0082
palegreen
#98fb98
brown
#a52a2a
ivory
#fffff0
paleturquoise
#afeeee
burlywood
#deb887
khaki
#f0e68c
palevioletred
#db7093
cadetblue
#5f9ea0
lavender
#e6e6fa
papayawhip
#ffefd5
chartreuse
#7fff00
lavenderblush
#fff0f5
peachpuff
#ffdab9
◆◇◆◇◆ 文字色を変更した場合は、この部分のテキストの色が変更されます ◆◇◆◇◆
chocolate
#d2691e
lawngreen
#7cfc00
peru
#cd853f
coral
#ff7f50
lemonchiffon
#fffacd
pink
#ffc0cb
cornflowerblue
#6495ed
lightblue
#add8e6
plum
#dda0dd
cornsilk
#fff8dc
lightcoral
#f08080
powderblue
#b0e0e6
crimson
#dc143c
lightcyan
#e0ffff
purple
#800080
cyan
#00ffff
lightgoldenrodyellow
#fafad2
red
#ff0000
darkblue
#00008b
lightgreen
#90ee90
rosybrown
#bc8f8f
darkcyan
#008b8b
lightgrey
#d3d3d3
royalblue
#4169e1
darkgoldenrod
#b8860b
lightpink
#ffb6c1
saddlebrown
#8b4513
darkgray
#a9a9a9
lightsalmon
#ffa07a
salmon
#fa8072
darkgreen
#006400
lightseagreen
#20b2aa
sandybrown
#f4a460
darkkhaki
#bdb76b
lightskyblue
#87cefa
seagreen
#2e8b57
darkmagenta
#8b008b
lightslategray
#778899
seashell
#fff5ee
darkolivegreen
#556b2f
lightsteelblue
#b0c4de
sienna
#a0522d
darkorange
#ff8c00
lightyellow
#ffffe0
silver
#c0c0c0
darkorchid
#9932cc
lime
#00ff00
skyblue
#87ceeb
◆◇◆◇◆ 文字色を変更した場合は、この部分のテキストの色が変更されます ◆◇◆◇◆
darkred
#8b0000
limegreen
#32cd32
slateblue
#6a5acd
darksalmon
#e9967a
linen
#faf0e6
slategray
#708090
darkseagreen
#8fbc8f
magenta
#ff00ff
snow
#fffafa
darkslateblue
#483d8b
maroon
#800000
springgreen
#00ff7f
darkslategray
#2f4f4f
mediumaquamarine
#66cdaa
steelblue
#4682b4
darkturquoise
#00ced1
mediumblue
#0000cd
tan
#d2b48c
darkviolet
#9400d3
mediumorchid
#ba55d3
teal
#008080
deeppink
#ff1493
mediumpurple
#9370db
thistle
#d8bfd8
deepskyblue
#00bfff
mediumseagreen
#3cb371
tomato
#ff6347
dimgray
#696969
mediumslateblue
#7b68ee
turquoise
#40e0d0
dodgerblue
#1e90ff
mediumspringgreen
#00fa9a
violet
#ee82ee
firebrick
#b22222
mediumturquoise
#48d1cc
wheat
#f5deb3
floralwhite
#fffaf0
mediumvioletred
#c71585
white
#ffffff
forestgreen
#228b22
midnightblue
#191970
whitesmoke
#f5f5f5
fuchsia
#ff00ff
mintcream
#f5fffa
yellow
#ffff00
gainsboro
#dcdcdc
mistyrose
#ffe4e1
yellowgreen
#9acd32
色名
コード
色名
コード
色名
コード
◆◇◆◇◆ 文字色を変更した場合は、この部分のテキストの色が変更されます ◆◇◆◇◆