カラートーン
カラートーン*color toneとは、色の「明るさ*明度」と「鮮やかさ*彩度」の組み合わせによって決まる、色の調子や雰囲気のこと。
PCCS*日本色研配色体系が定めるトーンマップでは、12種類の有彩色と 5色の無彩色に分類され、それぞれ色の印象や特性が整理されている。
PCCSトーン
ビビッド
色調
Vivid ビビッド
特徴
白や黒を含まず、各色相において最も鮮やかな色*純色
パッと目を引く派手な色なので、アクセントカラーとして使われることが多い
イメージ
元気
派手
ポップ
鮮やか
冴えた
活動的
刺激的
若々しい
活き活きとした
エネルギッシュ
注意点
目が疲れやすい
うるさく感じられる
視覚情報が過密になりやすい
回避ポイント
面積を絞る
1〜2色まで
無彩色と組み合わせる
Vivid ビビッド
特徴
白や黒を含まず、各色相において最も鮮やかな色*純色
パッと目を引く派手な色なので、アクセントカラーとして使われることが多い
イメージ
元気
派手
ポップ
鮮やか
冴えた
活動的
刺激的
若々しい
活き活きとした
エネルギッシュ
注意点
目が疲れやすい
うるさく感じられる
視覚情報が過密になりやすい
回避ポイント
面積を絞る
1〜2色まで
無彩色と組み合わせる
トーン記号 v1
![]()
PCCS記号
1:pR-4.0-9s
マンセル値
10RP 4.0/13.5
HEXカラーコード
#9D1229
CMYK
22.100.51.5
sRGB
185.31.87
1:pR-4.0-9s
10RP 4.0/13.5
#9D1229
22.100.51.5
185.31.87
トーン記号 v2
![]()
PCCS記号
2:R-4.5-9s
マンセル値
4R 4.5/14.0
HEXカラーコード
#D02F48
CMYK
12.96.71.2
sRGB
208.47.72
2:R-4.5-9s
4R 4.5/14.0
#D02F48
12.96.71.2
208.47.72
トーン記号 v3
![]()
PCCS記号
3:yR-5.0-9s
マンセル値
7R 4.5/14.0
HEXカラーコード
#DD443B
CMYK
7.89.84.0
sRGB
221.68.59
3:yR-5.0-9s
7R 4.5/14.0
#DD443B
7.89.84.0
221.68.59
トーン記号 v4
![]()
PCCS記号
4:rO-5.5-9s
マンセル値
10R 5.5/14.0
HEXカラーコード
#E95B23
CMYK
3.80.100.0
sRGB
233.91.35
4:rO-5.5-9s
10R 5.5/14.0
#E95B23
3.80.100.0
233.91.35
トーン記号 v5
![]()
PCCS記号
5:O-6.0-9s
マンセル値
4YR 6.0/13.5
HEXカラーコード
#E67800
CMYK
6.64.100.0
sRGB
230.120.0
5:O-6.0-9s
4YR 6.0/13.5
#E67800
6.64.100.0
230.120.0
トーン記号 v6
![]()
PCCS記号
6:yO-7.0-9s
マンセル値
8YR 7.0/13.0
HEXカラーコード
#F49D00
CMYK
2.44.100.0
sRGB
244.157.0
6:yO-7.0-9s
8YR 7.0/13.0
#F49D00
2.44.100.0
244.157.0
トーン記号 v7
![]()
PCCS記号
7:rY-7.5-9s
マンセル値
2Y 7.5/13.0
HEXカラーコード
#F1B500
CMYK
5.30.100.0
sRGB
241.181.0
7:rY-7.5-9s
2Y 7.5/13.0
#F1B500
5.30.100.0
241.181.0
トーン記号 v8
![]()
PCCS記号
8:Y-8.0-9s
マンセル値
5Y 8.0/13.0
HEXカラーコード
#EEC900
CMYK
8.18.100.0
sRGB
238.201.0
8:Y-8.0-9s
5Y 8.0/13.0
#EEC900
8.18.100.0
238.201.0
トーン記号 v9
![]()
PCCS記号
9:gY-7.5-9s
マンセル値
8Y 7.5/12.0
HEXカラーコード
#D2C100
CMYK
21.17.100.0
sRGB
210.193.0
9:gY-7.5-9s
8Y 7.5/12.0
#D2C100
21.17.100.0
210.193.0
トーン記号 v10
![]()
PCCS記号
10:YG-7.0-9s
マンセル値
3GY 7.0/12.0
HEXカラーコード
#A8BB00
CMYK
39.12.100.0
sRGB
168.187.0
10:YG-7.0-9s
3GY 7.0/12.0
#A8BB00
39.12.100.0
168.187.0
トーン記号 v11
![]()
PCCS記号
11:yG-6.0-9s
マンセル値
8GY 6.0/11.5
HEXカラーコード
#58A91D
CMYK
69.9.100.1
sRGB
88.169.29
11:yG-6.0-9s
8GY 6.0/11.5
#58A91D
69.9.100.1
88.169.29
トーン記号 v12
![]()
PCCS記号
12:G-5.5-9s
マンセル値
3G 5.5/11.0
HEXカラーコード
#00A15A
CMYK
83.10.89.1
sRGB
0.161.90
12:G-5.5-9s
3G 5.5/11.0
#00A15A
83.10.89.1
0.161.90
トーン記号 v13
![]()
PCCS記号
13:bG-5.0-9s
マンセル値
9G 5.0/10.5
HEXカラーコード
#00926E
CMYK
84.19.71.4
sRGB
0.146.110
13:bG-5.0-9s
9G 5.0/10.5
#00926E
84.19.71.4
0.146.110
トーン記号 v14
![]()
PCCS記号
14:BG-4.5-9s
マンセル値
5BG 4.5/10.0
HEXカラーコード
#00857F
CMYK
85.28.53.7
sRGB
0.133.127
14:BG-4.5-9s
5BG 4.5/10.0
#00857F
85.28.53.7
0.133.127
トーン記号 v15
![]()
PCCS記号
15:BG-4-9s
マンセル値
10B 4.0/10.0
HEXカラーコード
#007488
CMYK
88.42.37.8
sRGB
0.116.136
15:BG-4-9s
10B 4.0/10.0
#007488
88.42.37.8
0.116.136
トーン記号 v16
![]()
PCCS記号
16:gB -4.0-9s
マンセル値
5B 4.0/10.0
HEXカラーコード
#00709B
CMYK
89.50.22.3
sRGB
0.112.155
16:gB -4.0-9s
5B 4.0/10.0
#00709B
89.50.22.3
0.112.155
トーン記号 v17
![]()
PCCS記号
17:B-3.5-9s
マンセル値
10B 3.5/10.5
HEXカラーコード
#00609C
CMYK
94.64.13.1
sRGB
0.96.156
17:B-3.5-9s
10B 3.5/10.5
#00609C
94.64.13.1
0.96.156
トーン記号 v18
![]()
PCCS記号
18:B-3.5-9s
マンセル値
3PB 3.5/11.5
HEXカラーコード
#005BA5
CMYK
95.70.4.0
sRGB
0.91.165
18:B-3.5-9s
3PB 3.5/11.5
#005BA5
95.70.4.0
0.91.165
トーン記号 v19
![]()
PCCS記号
19:pB-3.5-9s
マンセル値
6PB 3.5/11.5
HEXカラーコード
#1A54A5
CMYK
94.75.1.0
sRGB
26.84.165
19:pB-3.5-9s
6PB 3.5/11.5
#1A54A5
94.75.1.0
26.84.165
トーン記号 v20
![]()
PCCS記号
20:v-3.5-9s
マンセル値
9PB 3.5/11.5
HEXカラーコード
#534AA0
CMYK
80.83.0.0
sRGB
83.74.160
20:v-3.5-9s
9PB 3.5/11.5
#534AA0
80.83.0.0
83.74.160
トーン記号 v21
![]()
PCCS記号
21:bp-3.5-9s
マンセル値
3P 3.5/11.5
HEXカラーコード
#703F96
CMYK
67.90.2.0
sRGB
112.63.150
21:bp-3.5-9s
3P 3.5/11.5
#703F96
67.90.2.0
112.63.150
トーン記号 v22
![]()
PCCS記号
22:P-3.5-9s
マンセル値
7P 3.5/11.5
HEXカラーコード
#81378A
CMYK
58.94.9.0
sRGB
129.55.138
22:P-3.5-9s
7P 3.5/11.5
#81378A
58.94.9.0
129.55.138
トーン記号 v23
![]()
PCCS記号
23:rP-3.5-9s
マンセル値
1RP 3.5/11.5
HEXカラーコード
#8F2E7C
CMYK
49.97.18.2
sRGB
143.46.124
23:rP-3.5-9s
1RP 3.5/11.5
#8F2E7C
49.97.18.2
143.46.124
トーン記号 v24
![]()
PCCS記号
24:RP-4.0-9s
マンセル値
6RP 4.0/12.5
HEXカラーコード
#AD2E6C
CMYK
31.96.33.4
sRGB
173.46.108
24:RP-4.0-9s
6RP 4.0/12.5
#AD2E6C
31.96.33.4
173.46.108