色相
番号
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画像等の作成において便利です。
淡い色が少ないため、色が足りなく感じることもあります。

便利ツール

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

カラーパレット

姉妹サイト

- げんちゃんの色見本 -