色相 番号 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)」として淡い色にしています。
淡い色のため、黒く縁取ったイラストやドット絵などでも利用できます。
セーフカラーも多く含まれており、セーフカラーと合わせて用いることもできます。
便利ツール
カラーチャート (色見本)
- セーフカラーチャート:セーフカラー210色を1つの表としてまとめたもの
- パステルカラーチャート:セーフカラーを基に、パステル色210色を作成したもの
- げんちゃんカラーチャート:セーフカラーを基に、24色相・12トーンとしたもの
- イッテンカラーチャート:赤・青・黄の混色から作られた106色のカラーチャート
カラーパレット
- セーフカラーパレット:セーフカラーで構成されたパレット
- パステルカラーパレット:パステルカラーで構成されたパレット