背景色と文字色の対比もテストできます。
読みやすいコントラストになっているかチェック用に使えます。
カラーチェックツール
色番号(HEX)を直接入力して、コントラストを調べる
※ ブラウザをリロードすると元に戻ります。
Gray Scale
#ffffff
(255,255,255)
white
#f5f5f5
(245,245,245)
whitesmoke
#dcdcdc
(220,220,220)
gainsboro
#d3d3d3
(211,211,211)
lightgrey
#cccccc
(204,204,204)
猫ふんじゃった
#c0c0c0
(192,192,192)
silver
#a9a9a9
(169,169,169)
darkgray
#999999
(153,153,153)
猫ふんじゃった
#808080
(128,128,128)
gray
#666666
(102,102,102)
猫ふんじゃった
#333333
(51,51,51)
猫ふんじゃった
#000000
(0,0,0)
black
#050000
(5,0,0)
印刷用の黒
#000001
(60,40,40,100)
印刷用リッチブラック
Color Name ( Standard 16Color +1 )
HTML4.01で定義されている16色とCSS2.1で追加定義されている1色(orange)
#00ffff
(0,255,255)
aqua/cyan
#000000
(0,0,0)
black
#0000ff
(0,0,255)
blue
#ff00ff
(255,0,255)
fuchsia
#808080
(128,128,128)
gray
#008000
(0,128,0)
green
#00ff00
(0,255,0)
lime
#800000
(128,0,0)
maroon
#000080
(0,0,128)
navy
#808000
(128,128,0)
olive
#ffa500
(255,165,0)
※orange
#800080
(128,0,128)
purple
#ff0000
(255,0,0)
red
#c0c0c0
(192,192,192)
silver
#008080
(0,128,128)
teal
#ffffff
(255,255,255)
white
#ffff00
(255,255,0)
yellow
Color Name
※印はブラウザによって非対応のためHEXで指定する。
#f0f8ff
(240,248,255)
aliceblue
#faebd7
(250,235,215)
antiquewhite
#00ffff
(000,255,255)
aqua/cyan
#7fffd4
(127,255,212)
aquamarine
#f0ffff
(240,255,255)
azure
#f5f5dc
(245,245,220)
beige
#ffe4c4
(255,228,196)
bisque
#000000
(0,0,0)
black
#ffebcd
(255,235,205)
blanchedalmond
#0000ff
(0,0,255)
blue
#8a2be2
(138,43,226)
blueviolet
#b5a642
(181,166,66)
※brass
#a52a2a
(165,42,42)
brown
#deb887
(222,184,135)
burlywood
#5f9ea0
(95,158,160)
cadetblue
#7fff00
(127,255,0)
chartreuse
#d2691e
(210,105,30)
chocolate
#d98719
(217,135,25)
※coolcopper
#bf00df
(191,0,223)
※copper
#ff7f50
(255,127,80)
coral
#bfefdf
(191,239,223)
※cornflower
#6495ed
(100,149,237)
cornflowerblue
#fff8dc
(255,248,220)
cornsilk
#dc143c
(220,20,60)
crimson
#00ffff
(000,255,255)
cyan/aqua
#00008b
(0,0,139)
darkblue
#da0b00
(218,11,0)
※darkbrown
#00ced1
(0,139,139)
darkcyan
#b8860b
(184,134,11)
darkgoldenrod
#a9a9a9
(169,169,169)
darkgray
#006400
(0,100,0)
darkgreen
#bdb76b
(189,183,107)
darkkhaki
#8b008b
(139,0,139)
darkmagenta
#556b2f
(85,107,47)
darkolivegreen
#ff8c00
(255,140,0)
darkorange
#9932cc
(153,50,204)
darkorchid
#8b0000
(139,0,0)
darkred
#e9967a
(233,150,122)
darksalmon
#8fbc8f
(143,188,143)
darkseagreen
#483d8b
(72,61,139)
darkslateblue
#2f4f4f
(47,79,79)
darkslategray
#00ced1
(0,206,209)
darkturquoise
#9400d3
(148,0,211)
darkviolet
#ff1493
(255,20,147)
deeppink
#00bfff
(0,191,255)
deepskyblue
#696969
(105,105,105)
dimgray
#1e90ff
(30,144,255)
dodgerblue
#fed0e0
(254,208,224)
※feldsper
#b22222
(178,34,34)
firebrick
#fffaf0
(255,250,240)
floralwhite
#228b22
(34,139,34)
forestgreen
#ff00ff
(255,0,255)
fuchsia/magenta
#dcdcdc
(220,220,220)
gainsboro
#f8f8ff
(248,248,255)
ghostwhite
#ffd700
(255,215,0)
gold
#daa520
(218,165,32)
goldenrod
#808080
(128,128,128)
gray
#008000
(0,128,0)
green
#adff2f
(173,255,47)
greenyellow
#f0fff0
(240,255,240)
honeydew
#ff69b4
(255,105,180)
hotpink
#cd5c5c
(205,92,92)
indianred
#4b0082
(75,0,130)
indigo
#fffff0
(255,255,240)
ivory
#f0e68c
(240,230,140)
khaki
#e6e6fa
(230,230,250)
lavender
#fff0f5
(255,240,245)
lavenderblush
#7cfc00
(124,252,0)
lawngreen
#fffacd
(255,250,205)
lemonchiffon
#add8e6
(173,216,230)
lightblue
#f08080
(240,128,128)
lightcoral
#e0ffff
(224,255,255)
lightcyan
#fafad2
(250,250,210)
lightgoldenrodyellow
#90ee90
(144,238,144)
lightgreen
#d3d3d3
(211,211,211)
lightgrey
#ffb6c1
(255,182,193)
lightpink
#ffa07a
(255,160,122)
lightsalmon
#20b2aa
(32,178,170)
lightseagreen
#87cefa
(135,206,250)
lightskyblue
#778899
(119,136,153)
lightslategray
#b0c4de
(176,196,222)
lightsteelblue
#ffffe0
(255,255,224)
lightyellow
#00ff00
(0,255,0)
lime
#32cd32
(50,205,50)
limegreen
#faf0e6
(250,240,230)
linen
#ff00ff
(255,0,255)
magenta/fuchsia
#800000
(128,0,0)
maroon
#66cdaa
(102,205,170)
mediumaquamarine
#0000cd
(0,0,205)
mediumblue
#ba55d3
(186,85,211)
mediumorchid
#9370db
(147,112,219)
mediumpurple
#3cb371
(60,179,113)
mediumseagreen
#7b68ee
(123,104,238)
mediumslateblue
#00fa9a
(0,250,154)
mediumspringgreen
#48d1cc
(72,209,204)
mediumturquoise
#c71585
(199,21,133)
mediumvioletred
#191970
(25,25,112)
midnightblue
#f5fffa
(245,255,250)
mintcream
#ffe4e1
(255,228,225)
mistyrose
#ffe4b5
(255,228,181)
moccasin
#ffdead
(255,222,173)
navajowhite
#000080
(0,0,128)
navy
#fdf5e6
(253,245,230)
oldlace
#808000
(128,128,0)
olive
#6b8e23
(107,142,35)
olivedrab
#ffa500
(255,165,0)
orange
#ff4500
(255,69,0)
orangered
#da70d6
(218,112,214)
orchid
#eee8aa
(238,232,170)
palegoldenrod
#98fb98
(152,251,152)
palegreen
#afeeee
(175,238,238)
paleturquoise
#db7093
(219,112,147)
palevioletred
#ffefd5
(255,239,213)
papayawhip
#ffdab9
(255,218,185)
peachpuff
#cd853f
(205,133,63)
peru
#ffc0cb
(255,192,203)
pink
#dda0dd
(221,160,221)
plum
#b0e0e6
(176,224,230)
powderblue
#800080
(128,0,128)
purple
#ff0000
(255,0,0)
red
#0cb0e0
(12,176,224)
※richblue
#bc8f8f
(188,143,143)
rosybrown
#4169e1
(65,105,225)
royalblue
#8b4513
(139,69,19)
saddlebrown
#fa8072
(250,128,114)
salmon
#f4a460
(244,164,96)
sandybrown
#2e8b57
(46,139,87)
seagreen
#fff5ee
(255,245,238)
seashell
#a0522d
(160,82,45)
sienna
#c0c0c0
(192,192,192)
silver
#87ceeb
(135,206,235)
skyblue
#6a5acd
(106,90,205)
slateblue
#708090
(112,128,144)
slategray
#fffafa
(255,250,250)
snow
#00ff7f
(0,255,127)
springgreen
#4682b4
(70,130,180)
steelblue
#d2b48c
(210,180,140)
tan
#008080
(0,128,128)
teal
#d8bfd8
(216,191,216)
thistle
#ff6347
(255,99,71)
tomato
#40e0d0
(64,224,208)
turquoise
#ee82ee
(238,130,238)
violet
#f5deb3
(245,222,179)
wheat
#ffffff
(255,255,255)
white
#f5f5f5
(245,245,245)
whitesmoke
#ffff00
(255,255,0)
yellow
#9acd32
(154,205,50)
yellowgreen
#663399
(102,051,153)
rebeccapurple
My Color Collection
私的カラーコレクションとか…
#fde600
(253,230,0)
猫ふんじゃった
#fcb317
(252,179,23)
猫ふんじゃった
#f57321
(245,115,33)
猫ふんじゃった
#b63594
(182,53,148)
猫ふんじゃった
#524594
(82,69,148)
猫ふんじゃった
#00acbb
(0,172,187)
猫ふんじゃった
#96c93d
(150,201,61)
猫ふんじゃった
#027e3a
(2,126,58)
猫ふんじゃった
#9acd32
(154,205,50)
あるてカラー
#d02090
(208,32,144)
あるてカラー
#007f92
(0,127,146)
あるてカラー
#ab8820
(171,136,32)
金グラデ濃
#fff697
(255,245,151)
金グラデ薄
#680416
(104,4,22)
FLASHグラデ濃
#b71322
(183,19,34)
FLASHグラデ薄
#c83d31
(200,61,49)
オータムカラー
#e9967f
(233,150,127)
AC サーモン
#982244
(152,34,68)
AC ラスト
#ee9a12
(238,154,18)
AC パンプキン
#d65730
(214,87,48)
AC テラコッタ
#e7c600
(231,198,0)
AC マスタード
#7aa12b
(122,161,43)
AC モスグリーン
#abc13b
(171,193,59)
AC ライムグリーン
#6ca573
(108,165,115)
AC ジェイドグリーン
#00758a
(0,117,138)
AC ティールブルー
#09ace5
(9,172,229)
AC ターコイズ
#692760
(105,39,96)
AC プラム
#ede5c9
(237,229,201)
AC オイスターホワイト
#ae8743
(174,135,67)
AC カーキ
#5f3c34
(95,60,52)
AC チョコブラウン
#774332
(119,67,50)
AC マホガニー
#002e43
(0,46,67)
AC 鉄紺
#5c5330
(92,83,48)
オータムカラー
#79aea7
(121,174,167)
ストライプ 1
#bfcc7a
(191,204,122)
ストライプ 2
#f0efaf
(240,239,175)
ストライプ 3
#990000
(153,0,0)
ストライプ 4
#e3d472
(227,212,114)
ストライプ 5
#e60012
(230,0,18)
レインボウ 1
#f39800
(243,152,0)
レインボウ 2
#fff100
(255,241,0)
レインボウ 3
#8dc556
(141,197,86)
レインボウ 4
#14a83b
(20,168,59)
レインボウ 5
#009fa8
(0,159,168)
レインボウ 6
#0b7fc6
(11,127,198)
レインボウ 7
#1d50a2
(29,80,162)
レインボウ 8
#51308f
(81,48,143)
レインボウ 9
#a40182
(164,1,130)
レインボウ 10
#dfb66d
(223,182,109)
ORANGE 1
#ffcc33
(255,204,51)
ORANGE 2
#ff3300
(255,51,0)
ORANGE 3
#ff6600
(255,102,0)
ORANGE 4
#d66302
(214,99,2)
ORANGE 5
#ffe695
(255,230,149)
ORANGE 6
#005e9b
(0,94,155)
グラデ濃
#079df9
(7,157,249)
グラデ薄
#5c4d41
(92,77,65)
猫ふんじゃった
#2a1d12
(42,29,18)
猫ふんじゃった
#ff00ff
(255,0,255)
グラデ 1
#f00fff
(249,15,255)
グラデ 2
#e11eff
(225,30,255)
グラデ 3
#d22dff
(210,45,255)
グラデ 4
#c33cff
(195,60,255)
グラデ 5
#b44bff
(180,75,255)
グラデ 6
#a55aff
(165,90,255)
グラデ 7
#9669ff
(150,105,255)
グラデ 8
#807fff
(128,127,255)
グラデ 9
#728dff
(114,141,255)
グラデ 10
#649bff
(100,155,255)
グラデ 11
#56a9ff
(86,169,255)
グラデ 12
#48b7ff
(72,183,255)
グラデ 13
#3ac5ff
(58,197,255)
グラデ 14
#2cd3ff
(44,211,255)
グラデ 15
#1ee1ff
(30,225,255)
グラデ 16
#10efff
(16,239,255)
グラデ 17
#00ffff
(0,255,255)
グラデ 18
#ecf5fa
(236,245,250)
やほーブルー
#f1ebd1
(241,235,209)
やほーグレイ
#e5e5c6
(229,229,198)
県庁グレイ
#aa66aa
(170,102,170)
猫ふんじゃった
#6867cd
(104,103,205)
猫ふんじゃった
#bdce3a
(189,206,58)
猫ふんじゃった
#8ba92f
(139,169,47)
猫ふんじゃった
#b04917
(176,73,23)
猫ふんじゃった
#019dda
(1,157,218)
猫ふんじゃった
#b09453
(176,148,83)
猫ふんじゃった
#660033
(102,0,51)
猫ふんじゃった
#526795
(82,103,149)
猫ふんじゃった
#e4007f
(228,0,127)
猫ふんじゃった
#d3dae9
(211,218,233)
猫ふんじゃった
#005959
(0,89,89)
背景色
#99cccc
(153,204,204)
文字色
#808000
(128,128,0)
BODY文字色
#ff6fa0
(255,111,160)
猫ふんじゃった
#7acdf7
(122,205,247)
猫ふんじゃった
#9dd8f6
(157,216,246)
猫ふんじゃった
#fcd307
(252,211,7)
猫ふんじゃった
#666666
(102,102,102)
猫ふんじゃった
#0a51a1
(10,81,161)
猫ふんじゃった
#1a191e
(26,25,30)
猫ふんじゃった
#165829
(22,88,41)
猫ふんじゃった
#a5c285
(165,194,133)
猫ふんじゃった
#ab5e5d
(171,94,93)
猫ふんじゃった
#ffd1d9
(255,209,217)
綺麗ピンク
#bfa46f
(191,164,111)
榛(はしばみ)色
#ff3b30
(255,59,48)
iOS7風カラー 1
#ff9500
(255,149,0)
iOS7風カラー 2
#ffcc00
(255,204,0)
iOS7風カラー 3
#4cd964
(76,217,100)
iOS7風カラー 4
#34aadc
(52,170,220)
iOS7風カラー 5
#007aff
(0,122,255)
★iOS7風カラー 6
#5856d6
(88,86,214)
iOS7風カラー 7
#ff2d55
(255,45,85)
iOS7風カラー 8
#be8e93
(190,142,147)
iOS7風カラー 9
#c7c7cc
(199,199,204)
iOS7風カラー 10
#d1eefc
(209,238,252)
iOS7風カラー 11
#e0f8d8
(224,248,216)
iOS7風カラー 12
#ff4981
(255,73,129)
iOS7風カラー 13
#ffd3e0
(255,211,224)
iOS7風カラー 14
#f7f7f7
(247,247,247)
iOS7風カラー 15
#97e67b
(151,230,123)
iOS7風カラー 16
#bdbec2
(189,190,194)
iOS7風カラー 17
#ff3a2d
(255,58,45)
iOS7風カラー 18
#e60027
(230,0,39)
HITACHI
#d80201
(216,2,1)
猫ふんじゃった
#6abe24
(106,190,36)
猫ふんじゃった
#010302
(1,3,2)
グラデ濃い方
#0d5756
(13,87,86)
グラデ中間
#20d3d0
(32,211,208)
グラデ薄い方
#ee7836
(238,120,54)
C3ロゴカラー
#202122
(32,33,34)
サイト文字色
#e60012
(0,100,100,0)
金赤
#f4f5ac
(9,1,42,0)
印刷薄黄色
このカラーチェックツールの使い方
- 【★】をクリックすると背景色が変わり、[色名(または猫ふんじゃった)]をクリックすると文字色が変わります。
(色名が読み取りにくい場合は色名にマウスをホバーしてください) - ブラウザをリロードすると元に戻ります。
- Webセーフカラーはすでにレガシーのため省略しました。HEXのRGBそれぞれの値が 00, 33, 66, 99, cc, ff の、どれかならばWebセーフカラーです。e.g. #ffcc99