HOME « カラーサンプル

カラーサンプル

□このカラーテーブルの使い方

  • 【★】をクリックすると背景色が変わります。
  • 【猫ふんじゃった】または【色名】をクリックすると文字色が変わります。
    (色名が読み取りにくい場合は背景を反対色にするか色名をドラッグすると読みやすくなります)
  • 背景色と文字色の対比を確認できます。読みやすいコントラストになっていますか?
  • ブラウザをリロードすると元に戻ります。

■ CSSカラーネーム (↓WEBセーフカラーへ)(↓グレイスケールへ

□ CSS2.1で使える色名(17色)

#00ffff
aqua
#000000
black
#0000ff
blue
#ff00ff
fuchsia
#808080
gray
#008000
green
#00ff00
lime
#800000
maroon
#000080
navy
#808000
olive
#800080
purple
#ff0000
red
#c0c0c0
silver
#008080
teal
#ffffff
white
#ffff00
yellow
#ffa500
orange
 
 

□ ブラウザが内蔵しているカラーネーム(UAによって色バケの可能性有り)

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

ページTOPへ

■ Webセーフカラー (↑カラーネームへ)(↓グレイスケールへ

#ffffff
猫ふんじゃった
#ffffcc
猫ふんじゃった
#ffff99
猫ふんじゃった
#ffff66
猫ふんじゃった
#ffff33
猫ふんじゃった
#ffff00
猫ふんじゃった
#ffccff
猫ふんじゃった
#ffcccc
猫ふんじゃった
#ffcc99
猫ふんじゃった
#ffcc66
猫ふんじゃった
#ffcc33
猫ふんじゃった
#ffcc00
猫ふんじゃった
#ff99ff
猫ふんじゃった
#ff99cc
猫ふんじゃった
#ff9999
猫ふんじゃった
#ff9966
猫ふんじゃった
#ff9933
猫ふんじゃった
#ff9900
猫ふんじゃった
#ff66ff
猫ふんじゃった
#ff66cc
猫ふんじゃった
#ff6699
猫ふんじゃった
#ff6666
猫ふんじゃった
#ff6633
猫ふんじゃった
#ff6600
猫ふんじゃった
#ff33ff
猫ふんじゃった
#ff33cc
猫ふんじゃった
#ff3399
猫ふんじゃった
#ff3366
猫ふんじゃった
#ff3333
猫ふんじゃった
#ff3300
猫ふんじゃった
#ff00ff
猫ふんじゃった
#ff00cc
猫ふんじゃった
#ff0099
猫ふんじゃった
#ff0066
猫ふんじゃった
#ff0033
猫ふんじゃった
#ff0000
猫ふんじゃった

#ccffff
猫ふんじゃった
#ccffcc
猫ふんじゃった
#ccff99
猫ふんじゃった
#ccff66
猫ふんじゃった
#ccff33
猫ふんじゃった
#ccff00
猫ふんじゃった
#ccccff
猫ふんじゃった
#cccccc
猫ふんじゃった
#cccc99
猫ふんじゃった
#cccc66
猫ふんじゃった
#cccc33
猫ふんじゃった
#cccc00
猫ふんじゃった
#cc99ff
猫ふんじゃった
#cc99cc
猫ふんじゃった
#cc9999
猫ふんじゃった
#cc9966
猫ふんじゃった
#cc9933
猫ふんじゃった
#cc9900
猫ふんじゃった
#cc66ff
猫ふんじゃった
#cc66cc
猫ふんじゃった
#cc6699
猫ふんじゃった
#cc6666
猫ふんじゃった
#cc6633
猫ふんじゃった
#cc6600
猫ふんじゃった
#cc33ff
猫ふんじゃった
#cc33cc
猫ふんじゃった
#cc3399
猫ふんじゃった
#cc3366
猫ふんじゃった
#cc3333
猫ふんじゃった
#cc3300
猫ふんじゃった
#cc00ff
猫ふんじゃった
#cc00cc
猫ふんじゃった
#cc0099
猫ふんじゃった
#cc0066
猫ふんじゃった
#cc0033
猫ふんじゃった
#cc0000
猫ふんじゃった

#99ffff
猫ふんじゃった
#99ffcc
猫ふんじゃった
#99ff99
猫ふんじゃった
#99ff66
猫ふんじゃった
#99ff33
猫ふんじゃった
#99ff00
猫ふんじゃった
#99ccff
猫ふんじゃった
#99cccc
猫ふんじゃった
#99cc99
猫ふんじゃった
#99cc66
猫ふんじゃった
#99cc33
猫ふんじゃった
#99cc00
猫ふんじゃった
#9999ff
猫ふんじゃった
#9999cc
猫ふんじゃった
#999999
猫ふんじゃった
#999966
猫ふんじゃった
#999933
猫ふんじゃった
#999900
猫ふんじゃった
#9966ff
猫ふんじゃった
#9966cc
猫ふんじゃった
#996699
猫ふんじゃった
#996666
猫ふんじゃった
#996633
猫ふんじゃった
#996600
猫ふんじゃった
#9933ff
猫ふんじゃった
#9933cc
猫ふんじゃった
#993399
猫ふんじゃった
#993366
猫ふんじゃった
#993333
猫ふんじゃった
#993300
猫ふんじゃった
#9900ff
猫ふんじゃった
#9900cc
猫ふんじゃった
#990099
猫ふんじゃった
#990066
猫ふんじゃった
#990033
猫ふんじゃった
#990000
猫ふんじゃった

#66ffff
猫ふんじゃった
#66ffcc
猫ふんじゃった
#66ff99
猫ふんじゃった
#66ff66
猫ふんじゃった
#66ff33
猫ふんじゃった
#66ff00
猫ふんじゃった
#66ccff
猫ふんじゃった
#66cccc
猫ふんじゃった
#66cc99
猫ふんじゃった
#66cc66
猫ふんじゃった
#66cc33
猫ふんじゃった
#66cc00
猫ふんじゃった
#6699ff
猫ふんじゃった
#6699cc
猫ふんじゃった
#669999
猫ふんじゃった
#669966
猫ふんじゃった
#669933
猫ふんじゃった
#669900
猫ふんじゃった
#6666ff
猫ふんじゃった
#6666cc
猫ふんじゃった
#666699
猫ふんじゃった
#666666
猫ふんじゃった
#666633
猫ふんじゃった
#666600
猫ふんじゃった
#6633ff
猫ふんじゃった
#6633cc
猫ふんじゃった
#663399
猫ふんじゃった
#663366
猫ふんじゃった
#663333
猫ふんじゃった
#663300
猫ふんじゃった
#6600ff
猫ふんじゃった
#6600cc
猫ふんじゃった
#660099
猫ふんじゃった
#660066
猫ふんじゃった
#660033
猫ふんじゃった
#660000
猫ふんじゃった

#33ffff
猫ふんじゃった
#33ffcc
猫ふんじゃった
#33ff99
猫ふんじゃった
#33ff66
猫ふんじゃった
#33ff33
猫ふんじゃった
#33ff00
猫ふんじゃった
#33ccff
猫ふんじゃった
#33cccc
猫ふんじゃった
#33cc99
猫ふんじゃった
#33cc66
猫ふんじゃった
#33cc33
猫ふんじゃった
#33cc00
猫ふんじゃった
#3399ff
猫ふんじゃった
#3399cc
猫ふんじゃった
#339999
猫ふんじゃった
#339966
猫ふんじゃった
#339933
猫ふんじゃった
#339900
猫ふんじゃった
#3366ff
猫ふんじゃった
#3366cc
猫ふんじゃった
#336699
猫ふんじゃった
#336666
猫ふんじゃった
#336633
猫ふんじゃった
#336600
猫ふんじゃった
#3333ff
猫ふんじゃった
#3333cc
猫ふんじゃった
#333399
猫ふんじゃった
#333366
猫ふんじゃった
#333333
猫ふんじゃった
#333300
猫ふんじゃった
#3300ff
猫ふんじゃった
#3300cc
猫ふんじゃった
#330099
猫ふんじゃった
#330066
猫ふんじゃった
#330033
猫ふんじゃった
#330000
猫ふんじゃった

#00ffff
猫ふんじゃった
#00ffcc
猫ふんじゃった
#00ff99
猫ふんじゃった
#00ff66
猫ふんじゃった
#00ff33
猫ふんじゃった
#00ff00
猫ふんじゃった
#00ccff
猫ふんじゃった
#00cccc
猫ふんじゃった
#00cc99
猫ふんじゃった
#00cc66
猫ふんじゃった
#00cc33
猫ふんじゃった
#00cc00
猫ふんじゃった
#0099ff
猫ふんじゃった
#0099cc
猫ふんじゃった
#009999
猫ふんじゃった
#009966
猫ふんじゃった
#009933
猫ふんじゃった
#009900
猫ふんじゃった
#0066ff
猫ふんじゃった
#0066cc
猫ふんじゃった
#006699
猫ふんじゃった
#006666
猫ふんじゃった
#006633
猫ふんじゃった
#006600
猫ふんじゃった
#0033ff
猫ふんじゃった
#0033cc
猫ふんじゃった
#003399
猫ふんじゃった
#003366
猫ふんじゃった
#003333
猫ふんじゃった
#003300
猫ふんじゃった
#0000ff
猫ふんじゃった
#0000cc
猫ふんじゃった
#000099
猫ふんじゃった
#000066
猫ふんじゃった
#000033
猫ふんじゃった
#000000
猫ふんじゃった

ページTOPへ

■ グレイスケール (↑カラーネームへ)(↑WEBセーフカラーへ

#f0f0f0

猫ふんじゃった
#c0c0c0
silver
猫ふんじゃった
#909090

猫ふんじゃった
#606060

猫ふんじゃった
#303030

猫ふんじゃった
#000000
(000;000;000)
猫ふんじゃった
#f3f3f3

猫ふんじゃった
#c3c3c3

猫ふんじゃった
#939393

猫ふんじゃった
#636363

猫ふんじゃった
#333333
(051;051;051)
猫ふんじゃった
#030303

猫ふんじゃった
#f6f6f6

猫ふんじゃった
#c6c6c6

猫ふんじゃった
#969696

猫ふんじゃった
#666666
(102;102;102)
猫ふんじゃった
#363636

猫ふんじゃった
#060606

猫ふんじゃった
#f9f9f9

猫ふんじゃった
#c9c9c9

猫ふんじゃった
#999999
(153;153;153)
猫ふんじゃった
#696969

猫ふんじゃった
#393939

猫ふんじゃった
#090909

猫ふんじゃった
#fcfcfc

猫ふんじゃった
#cccccc
(204;204;204)
猫ふんじゃった
#9c9c9c

猫ふんじゃった
#6c6c6c

猫ふんじゃった
#3c3c3c

猫ふんじゃった
#0c0c0c

猫ふんじゃった
#ffffff
(255;255;255)
猫ふんじゃった
#cfcfcf

猫ふんじゃった
#9f9f9f

猫ふんじゃった
#6f6f6f

猫ふんじゃった
#3f3f3f

猫ふんじゃった
#0f0f0f

猫ふんじゃった

■  CSSカラーネーム グレイスケールのみ抜粋

#f5f5f5
whitesmoke
猫ふんじゃった
#dcdcdc
gainsboro
猫ふんじゃった
#d3d3d3
lightgrey
猫ふんじゃった
#c0c0c0
silver
猫ふんじゃった
#a9a9a9
darkgray
猫ふんじゃった
#808080
gray
猫ふんじゃった

ページTOPへ