カラーチェックツール

ブラウザをリロード

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

ブラウザをリロード

※印はブラウザによって非対応のため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

ブラウザをリロード

私的カラーコレクションとか…

#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

TOP