カラートーンで変わる無彩色の印象

カラートーン

カラートーン*color toneとは、色の「明るさ*明度」と「鮮やかさ*彩度」の組み合わせによって決まる、色の調子や雰囲気のこと。

PCCS*日本色研配色体系が定めるトーンマップでは、12種類の有彩色と 5色の無彩色に分類され、それぞれ色の印象や特性が整理されている。

PCCSトーン

色調　
White　ホワイト
特徴
最も明度の高い無彩色
イメージ
余白
新鮮
純粋
明るい
清潔感
冷たい
軽やか
注意点
文字が薄いと可読性が落ちる
画面がまぶしく感じることがある
回避ポイント
文字は十分なコントラストを確保

トーン記号　w

PCCS記号
n-9.5
マンセル値
N 9.5
HEXカラーコード
#FFFFFF
CMYK
0.0.0.0
sRGB
255.255.255

色調　
Light Gray　ライト・グレイ
特徴
白に黒を少量混ぜた中高明度の無彩色
イメージ
上品
中立
控えめ
やさしい
機械的な
注意点
白と区別がつきにくい
回避ポイント
線や影で情報の区切りを明確にする
重要情報には使わない

トーン記号　ltGy

PCCS記号
n-8.5
マンセル値
N 8.5
HEXカラーコード
#D6D6D6
CMYK
15.12.12.0
sRGB
214.214.214

トーン記号　Gy-7.5

PCCS記号
n-7.5
マンセル値
N-7.5
カラーコード
#BBBBBB
CMYK
27.22.22.0
sRGB
187.187.187

色調　
Medium Gray　ミディアム・グレイ
特徴
白と黒を混ぜ合わせた中明度の無彩色
イメージ
地味
静かな
無機質
おとなしい
注意点
地味・無機質に見えやすい
回避ポイント
アクセントとなる有彩色を組み合わせる

トーン記号　mGy

PCCS記号
n-6.5
マンセル値
N 6.5
HEXカラーコード
#A1A1A1
CMYK
38.33.33.0
sRGB
161.161.161

トーン記号　Gy-5.5

PCCS記号
n-5.5
マンセル値
N 5.5
HEXカラーコード
#878787
CMYK
49.42.42.5
sRGB
135.135.135

トーン記号　Gy-4.5

PCCS記号
n-4.5
マンセル値
N 4.5
HEXカラーコード
#6D6D6D
CMYK
56.49.49.16
sRGB
109.109.109

色調　
Dark Gray　ダーク・グレイ
特徴
黒に白を少量混ぜた中低明度の無彩色
イメージ
都会的
高級感
落ち着き
注意点
暗すぎると可読性が低下
黒との差が曖昧になりやすい
回避ポイント
明度差を意識して階調を分ける
黒文字の使用は避け、明度の高い文字色を選ぶ

トーン記号　dkGy

PCCS記号
n-3.5
マンセル値
N 3.5
HEXカラーコード
#545454
CMYK
63.56.56.32
sRGB
84.84.84

トーン記号　Gy-2.5

PCCS記号
n-2.5
マンセル値
N 2.5
HEXカラーコード
#3C3C3C
CMYK
67.62.61.51
sRGB
60.60.60

色調　
Black　ブラック
特徴
も明度の低い無彩色
イメージ
強さ
洗練
高級感
重厚感
シック
フォーマル
注意点
圧迫感が出やすい
長文では目が疲れる
回避ポイント
長文テキストには、コントラストを抑えた配色を選ぶ

トーン記号　BK

PCCS記号
n-1.5
マンセル値
N 1.5
HEXカラーコード
#000000
CMYK
72.68.67.88
sRGB
0.0.0