色相 番号 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 #FF00CC
#FF0099
#FF0066
#FF0000
#FF6600
#FF9900
#FFCC00
#FFFF00
#CCFF00
#99FF00
#66FF00
#00FF00
#00FF66
#00FF99
#00FFCC
#00FFFF
#00CCFF
#0099FF
#0066FF
#0000FF
#6600FF
#9900FF
#CC00FF
#FF00FF
#000000
明るい bright B #FF33CC
#FF3399
#FF3366
#FF3333
#FF6633
#FF9933
#FFCC33
#FFFF33
#CCFF33
#99FF33
#66FF33
#33FF33
#33FF66
#33FF99
#33FFCC
#33FFFF
#33CCFF
#3399FF
#3366FF
#3333FF
#6633FF
#9933FF
#CC33FF
#FF33FF
#333333
明るい bright C #FF66CC
#FF6699
#FF6666
#FF9966
#FFCC66
#FFFF66
#CCFF66
#99FF66
#66FF66
#66FF99
#66FFCC
#66FFFF
#66CCFF
#6699FF
#6666FF
#9966FF
#CC66FF
#FF66FF
#666666
浅い light D #FF99CC
#FF9999
#FFCC99
#FFFF99
#CCFF99
#99FF99
#99FFCC
#99FFFF
#99CCFF
#9999FF
#CC99FF
#FF99FF
#999999
薄い pale E #FFCCCC
#FFFFCC
#CCFFCC
#CCFFFF
#CCCCFF
#FFCCFF
#cccccc
濃い deep F #CC0099
#CC0066
#CC0033
#CC0000
#CC3300
#CC6600
#CC9900
#CCCC00
#99CC00
#66CC00
#33CC00
#00CC00
#00CC33
#00CC66
#00CC99
#00CCCC
#0099CC
#0066CC
#0033CC
#0000CC
#3300CC
#6600CC
#9900CC
#CC00CC
#FFFFFF
強い strong K #CC3399
#CC3366
#CC3333
#CC6633
#CC9933
#CCCC33
#99CC33
#66CC33
#33CC33
#33CC66
#33CC99
#33CCCC
#3399CC
#3366CC
#3333CC
#6633CC
#9933CC
#CC33CC
柔らか soft L #CC6699
#CC6666
#CC9966
#CCCC66
#99CC66
#66CC66
#66CC99
#66CCCC
#6699CC
#6666CC
#9966CC
#CC66CC
明るい
灰みの light grayish M #CC9999
#CCCC99
#99CC99
#99CCCC
#9999CC
#CC99CC
濃い deep G #990066
#990033
#990000
#993300
#996600
#999900
#669900
#339900
#009900
#009933
#009966
#009999
#006699
#003399
#000099
#330099
#660099
#990099
鈍い dull N #993366
#993333
#996633
#999933
#669933
#339933
#339966
#339999
#336699
#333399
#663399
#993399
灰みの grayish P #996666
#999966
#669966
#669999
#666699
#996699
暗い dark H #660033
#660000
#663300
#666600
#336600
#006600
#006633
#006666
#006633
#000066
#330066
#660066
暗い
灰みの dark graysh Q #663333
#666633
#336633
#336666
#333366
#663366
暗い dark J #330000
#333300
#003300
#003333
#000033
#330033
|
セーフカラーチャートとは
Webセーフカラーとは、OSなど観覧する環境が変わっても正しく表示される216色のことをいいます。
セーフカラーチャートは、セーフカラーを、トーンと色相に分け、見やすく配置したカラーチャートです。
最近ではセーフカラーを意識しなくてもよくなりましたが、濃い色から淡い色まで、一通り揃っていますので、
デザインやドット絵作成、色数が限定されているGIF画像等の作成において便利です。
淡い色が少ないため、色が足りなく感じることもあります。
便利ツール
カラーチャート (色見本)
- セーフカラーチャート:セーフカラー210色を1つの表としてまとめたもの
- パステルカラーチャート:セーフカラーを基に、パステル色210色を作成したもの
- げんちゃんカラーチャート:セーフカラーを基に、24色相・12トーンとしたもの
- イッテンカラーチャート:赤・青・黄の混色から作られた106色のカラーチャート
カラーパレット
- セーフカラーパレット:セーフカラーで構成されたパレット
- パステルカラーパレット:パステルカラーで構成されたパレット