色相
番号
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
z

冴えた

vivid
a
#ff7fe5
#ff7fcc
#ff7fb2
#ff7f7f
#ffb27f
#ffcc7f
#ffe57f
#ffff7f
#e5ff7f
#ccff7f
#b2ff7f
#7ffF7f
#7ffFb2
#7ffFcc
#7ffFe5
#7ffffF
#7fe5ff
#7fccff
#7fb2ff
#7f7ffF
#b27ffF
#cc7ffF
#e57ffF
#ff7ffF
#7f7f7f

明るい

bright
b
#ff99e5
#ff99cc
#ff99b2
#ff9999
#ffb299
#ffcc99
#ffe599
#ffff99
#e5ff99
#ccff99
#b2ff99
#99ff99
#99ffb2
#99ffcc
#99ffe5
#99ffff
#99e5ff
#99ccff
#99b2ff
#9999ff
#b299ff
#cc99ff
#e599ff
#ff99ff
#999999

明るい

bright
c
#ffb2e5
#ffb2cc
#ffb2b2
#ffccb2
#ffe5b2
#ffffb2
#e5ffb2
#ccffb2
#b2ffb2
#b2ffcc
#b2ffe5
#b2ffff
#b2e5ff
#b2ccff
#b2b2ff
#ccb2ff
#e5b2ff
#ffb2ff
#b2b2b2

浅い

light
d
#ffcce5
#ffcccc
#ffe5cc
#ffffcc
#e5ffcc
#ccffcc
#ccffe5
#ccffff
#cce5ff
#ccccff
#e5ccff
#ffccff
#cccccc

薄い

pale
e
#ffe5e5
#ffffe5
#e5ffe5
#e5ffff
#e5e5ff
#ffe5ff
#e5e5e5

濃い

deep
f
#e57fcc
#e57fb2
#e57f99
#e57f7f
#e5997f
#e5b27f
#e5cc7f
#e5e57f
#cce57f
#b2e57f
#99e57f
#7fe57f
#7fe599
#7fe5b2
#7fe5cc
#7fe5e5
#7fcce5
#7fb2e5
#7f99e5
#7f7fe5
#997fe5
#b27fe5
#cc7fe5
#e57fe5
#ffffff

強い

strong
k
#e599cc
#e599b2
#e59999
#e5b299
#e5cc99
#e5e599
#cce599
#b2e599
#99e599
#99e5b2
#99e5cc
#99e5e5
#99cce5
#99b2e5
#9999e5
#b299e5
#cc99e5
#e599e5

柔らか

soft
l
#e5b2cc
#e5b2b2
#e5ccb2
#e5e5b2
#cce5b2
#b2e5b2
#b2e5cc
#b2e5e5
#b2cce5
#b2b2e5
#ccb2e5
#e5b2e5
明るい
灰みの
light
grayish
m
#e5cccc
#e5e5cc
#cce5cc
#cce5e5
#cccce5
#e5cce5

濃い

deep
g
#cc7fb2
#cc7f99
#cc7f7f
#cc997f
#ccb27f
#cccc7f
#b2cc7f
#99cc7f
#7fcc7f
#7fcc99
#7fccb2
#7fcccc
#7fb2cc
#7f99cc
#7f7fcc
#997fcc
#b27fcc
#cc7fcc

鈍い

dull
n
#cc99b2
#cc9999
#ccb299
#cccc99
#b2cc99
#99cc99
#99ccb2
#99cccc
#99b2cc
#9999cc
#b299cc
#cc99cc

灰みの

grayish
p
#ccb2b2
#ccccb2
#b2ccb2
#b2cccc
#b2b2cc
#ccb2cc

暗い

dark
h
#b27f99
#b27f7f
#b2997f
#b2b27f
#99b27f
#7fb27f
#7fb299
#7fb2b2
#7fb299
#7f7fb2
#997fb2
#b27fb2
暗い
灰みの
dark
graysh
q
#b29999
#b2b299
#99b299
#99b2b2
#9999b2
#b299b2

暗い

dark
j
#997f7f
#99997f
#7f997f
#7f9999
#7f7f99
#997f99

パステルカラーチャートとは

セーフカラーチャートを基にして、淡いパステルカラーのカラーチャートを作成しました。
この色で統一すると、パステル調の柔らかい雰囲気を演出できます。
セーフカラーからの変化としては、例えばビビッドな赤「#ff0000 (256,0,0)」に対して、
0を7f(128)で置き換えて、「ff7f7f(256,128,128)」として淡い色にしています。
淡い色のため、黒く縁取ったイラストやドット絵などでも利用できます。
セーフカラーも多く含まれており、セーフカラーと合わせて用いることもできます。

便利ツール

カラーチャート (色見本)

カラーパレット

姉妹サイト

- げんちゃんの色見本 -