サンプル色

black #000000
gray #808080
darkgray #a9a9a9
lightgray #d3d3d3
silver #c0c0c0
white #ffffff
ivory #fffff0
lavender #e6e6fa
slategray #708090
steelblue #4682b4
royalblue #4169e1
navy #000080
blue #0000ff
deepskyblue #00bfff
skyblue #87ceeb
lightblue #add8e6
lightcyan #e0ffff
cyan #00ffff
darkcyan #008b8b
darkgreen #006400
green #008000
forestgreen #228b22
aquamarine #7fffd4
lightgreen #90ee90
lime #00ff00
olive #808000
beige #f5f5dc
yellow #ffff00
gold #ffd700
orange #ffa500
chocolate #d2691e
darkred #8b0000
brown #a52a2a
salmon #fa8072
red #ff0000

WEBカラー配色チェッカー

背景色の選択(16進数)
RGB
f f f f f f
e e e e e e
d d d d d d
c c c c c c
b b b b b b
a a a a a a
9 9 9 9 9 9
8 8 8 8 8 8
7 7 7 7 7 7
6 6 6 6 6 6
5 5 5 5 5 5
4 4 4 4 4 4
3 3 3 3 3 3
2 2 2 2 2 2
1 1 1 1 1 1
0 0 0 0 0 0
文字色の選択(16進数)
RGB
f f f f f f
e e e e e e
d d d d d d
c c c c c c
b b b b b b
a a a a a a
9 9 9 9 9 9
8 8 8 8 8 8
7 7 7 7 7 7
6 6 6 6 6 6
5 5 5 5 5 5
4 4 4 4 4 4
3 3 3 3 3 3
2 2 2 2 2 2
1 1 1 1 1 1
0 0 0 0 0 0

配色の見本


背景色と、文字やボックスの配色を確認します。
背景色:ffffff
文字色・ボックス色:000000

 

サンプル色

hotpink #ff69b4
pink #ffc0cb
magenta #ff00ff
violet #ee82ee
plum #dda0dd
orchid #da70d6
darkviolet #9400d3
purple #800080
indigo #4b0082
slateblue #6a5acd
桜色 #fef4f4
薄紅 #f0908d
今様 #d0576b
緋色 #d3381c
臙脂(えんじ) #b94047
小豆色 #96514d
鳶色 #95483f
錆色 #6c3524
金色 #e6b422
利休鼠 #888e7e
亜麻色 #d6c6af
鶯色 #928c36
若草色 #c3d825
萌黄 #aacf53
翡翠色 #38b48b
紺鼠 #44617b
水色 #bce2e8
空色 #a0d8ef
紺碧 #007bbb
群青色 #4c6cb3
藍色 #165e83
漆黒 #0d0015
江戸紫 #745399
紫 #884898
薄墨色 #a3a3a2