PCCSトーン表の見方と覚え方徹底解説！配色で失敗しない実践ルール

デザイン制作やファッション、メイクの現場で「なぜか色がまとまらない」「組み合わせが野暮ったく見える」と悩むクリエイターや学習者は少なくありません。その違和感を解消し、誰でも論理的に美しいカラーバランスを組み立てられる強力なフレームワークがPCCSトーン表です。

日本国内の教育現場や産業界で広く普及しているPCCSは、色彩検定やカラーコーディネーター資格の学習はもちろん、実務におけるブランドカラー設計やパーソナルカラー分析の現場でも欠かせない共通言語となっています。本稿では、配色の基礎となるトーン表の構造から検定対策に役立つ暗記のコツ、現場で即座に役立つ配色ルールまでを余すところなく解説します。

📌 【この記事の重要ポイントまとめ】

• 要点1：PCCSトーン表は明度と彩度を「トーン（色調）」として統合し、直感的な配色設計を可能にする日本発のカラーシステム。
• 要点2：有彩色12トーンと無彩色5段階の位置関係（純色・明清色・暗清色・濁色）を把握すれば、色彩検定の頻出問題も効率的に攻略できる。
• 要点3：トーンオントーン配色などの実践技法やパーソナルカラー理論と連動させることで、センスに頼らない論理的な色選びが実現する。

【基本構造】PCCSトーン表の見方と「日本色研配色体系」の基礎知識

PCCS（Practical Color Co-ordinate System：日本色研配色体系）は、一般財団法人日本色彩研究所が開発した配色調和に特化したカラーシステムです。色を「色相（ヒュー）」「明度（ライトネス）」「彩度（サチュレーション）」の3属性で厳密に数値化するマンセル表色系とは異なり、PCCSは明度と彩度を複合させた「トーン（色調）」の概念を導入している点に最大の特徴があります。

体系の基盤となるのは、心理四原色（赤・黄・緑・青）に対向色を配置し、知覚的に均等なグラデーションとなるよう設計されたPCCS24色相環です。この24色に対して、それぞれの明るさ（明度）と鮮やかさ（彩度）の度合いを表すトーンを掛け合わせることで、あらゆる色を系統立てて整理します。

トーン表を見る際は、全体が「縦軸＝明度」「横軸＝彩度」で構成された2次元マップであることを理解するのが第一歩です。左端が無彩色（彩度ゼロ）、右端に向かうほど鮮やかな有彩色が配置され、上下方向で明るさのグラデーションが形成されています。この幾何学的な配置関係を把握することで、単なる色名以上の感情効果やトーン同士の距離感を視覚的に捉えられます。

【位置関係】明度と彩度で読み解く！純色・清色・濁色・無彩色の分類マップ

PCCSの有彩色トーンは全12種類に分類され、色の清濁や純度によって大きく4つの領域にグループ分けされます。この分類構造こそが、配色で失敗しないための土台となります。

最も鮮やかで彩度が最大となる頂点に位置するのが純色（ソリッドカラー）である「ビビッド（v）」です。ここから純色に白だけを混ぜて明るくした系統を明清色（ライト系・ペール系）、純色に黒だけを混ぜて暗くした系統を暗清色（ディープ系・ダーク系）と呼び、これらを総称して「清色」と定義します。

一方、純色に灰色（白と黒の混色）を混ぜたグループが濁色（ソフト系・ダル系・グレイッシュ系）です。濁色は落ち着きやくすみ、ニュアンス感を与えるトーンであり、大人のファッションやインテリア、洗練されたWebデザインの背景色などで重宝されます。

さらに、色味を持たない無彩色（アクロマティック・カラー）は、最も明るい白（W）から、ライトグレイ（ltGy）、ミディアムグレイ（mGy）、ダークグレイ（dkGy）、最も暗い黒（Bk）までの5段階でトーン表の左軸を支えています。この明度と彩度の配置関係を空間的に把握しておくと、どの色とどの色が調和しやすいかを即座に判断できるようになります。

【一覧表】全12トーンの記号とイメージ一覧｜ビビッドからペールまで

実務や試験で頻出する12トーンの略記号と、それぞれが持つ心理的イメージ・代表的なキーワードを整理しました。デザインの現場では、クライアントが求める世界観やターゲット層に応じてこれらのトーンを使い分けます。

【純色・明清色・暗清色グループ】
・v（vivid / ビビッド）：さえざえとした、鮮やかな、生き生きとした、派手な
・b（bright / ブライト）：明るい、健康的な、陽気な、華やかな
・s（strong / ストロング）：強い、情熱的な、ダイナミックな
・dp（deep / ディープ）：濃い、深い、伝統的な、重厚な
・lt+（light+ / ライト）：澄んだ、爽快な、子供っぽい、楽しい
・p+（pale+ / ペール）：薄い、淡い、優しい、透明感のある、ロマンチックな
・dk（dark / ダーク）：暗い、大人っぽい、円熟した、格調高い
・dkg（dark grayish / ダークグレイッシュ）：重い、重苦しい、陰気な、堅牢な

【濁色グループ】
・sf（soft / ソフト）：柔らかな、穏やかな、落ち着いた
・d（dull / ダル）：くすんだ、鈍い、古風な、エスニックな
・ltg（light grayish / ライトグレイッシュ）：明るい灰みの、落ち着いた、渋い
・g（grayish / グレイッシュ）：灰みの、濁った、スモーキーな

特にコントラストの好例として比較されるのがビビッドトーンとペールトーンです。ビビッドトーンが視線を引きつけるアイキャッチやセールバナーに向くのに対し、ペールトーンはオーガニックコスメやベビー用品、透明感を重視するUIデザインに適しており、トーンの選択ひとつでブランドの第一印象が決定づけられます。

【色彩検定対策】3級・2級に一発合格するPCCSトーン表の覚え方のコツ

色彩検定3級・2級の試験対策において、PCCSトーン表を自力で紙に再現できるスキルは得点源に直結します。丸暗記しようとすると混乱しやすいため、「外側の輪郭」から「内側の濁色」へ向かって描く作図手順で覚えるのが最も効率的です。

まずは紙の右端中央に最大彩度の「v」を置き、そこから上に向かって「b → lt+ → p+」、下に向かって「s → dp → dk → dkg」と、純色から上下に広がる外周（清色ライン）を描きます。このとき、アルファベットの頭文字が明るさ・暗さの度合いと連動していることを意識すると記憶に定着しやすくなります。

次に、外周の内側にある濁色エリアを埋めます。上段から中段にかけて「sf（ソフト）」と「d（ダル）」、無彩色に近い左列に「ltg（ライトグレイッシュ）」と「g（グレイッシュ）」を配置します。横の並びとして「lt+の横にsf、その左にltg」「dの左にg」というように、同一明度の水平ラインで整理するのが決定的なコツです。

検定では「ダルより明度が高く、ライトより彩度が低いトーンは何か（正解：ソフト）」といった位置関係を問う設問が多発します。試験開始直後に問題用紙の余白へトーン表の略図をサッと書き出せるよう反復トレーニングを行っておけば、配色問題のケアレスミスをゼロに抑えられます。

【実践テクニック】色がまとまる決定的な理由とプロの配色ルール

初心者が配色で迷う決定的な理由は、「色相（赤や青）」の組み合わせばかりに気を取られ、「トーンの調和」を無視してしまう点にあります。どれほど美しい色相を選んでも、トーンの明度や彩度がちぐはぐであれば視覚的なノイズが生まれ、統一感が失われてしまいます。

プロの現場で活用されている代表的な配色技法がトーンオントーン配色技法です。これは「同一または類似の色相」を選び、トーンに明度差を大きくつけて組み合わせる手法です（例：ペールブルーのシャツにディープブルーのジャケット）。色相の統一感によって破綻を防ぎつつ、明暗のメリハリで洗練された印象を与えられます。

また、同一のトーン（または類似したトーン）で異なる色相を組み合わせる「トーンイントーン配色」や、濁色系トーンのみで構成する「トーナル配色」も、インテリアやWebサイトのUI構築で絶大な効果を発揮します。これらはすべてカラーコーディネーター配色ルールとして体系化されており、トーンを揃えるだけで誰でも調和の取れた画面設計が可能です。

さらに近年、コスメやアパレル市場で爆発的な需要を持つパーソナルカラーとPCCSトーンの連動も見逃せません。「イエローベース春」はブライトやライト、「ブルーベース夏」はペールやライトグレイッシュ、「イエローベース秋」はダルやディープ、「ブルーベース冬」はビビッドやダークグレイッシュというように、4シーズン分類をPCCSトーン表上にマッピングすることで、理論的で説得力のある提案が行われています。

【PCCSトーン表】に関するよくある質問（FAQ）

Q1：マンセル表色系とPCCSの違いは何ですか？
A1：マンセル表色系は色を「色相・明度・彩度」の3つの数値で厳密に特定・伝達するためのシステムで、主に工業規格や公的基準で用いられます。一方のPCCSは、明度と彩度を「トーン」としてまとめ、人間が直感的に美しいと感じる配色調和を作りやすくした実践向けのシステムです。

Q2：Webデザインの実務ではHEXコードやRGB指定が基本ですが、PCCSを学ぶメリットはありますか？
A2：大いにあります。デジタルツールのカラーピッカーで色を選ぶ際、PCCSのトーン概念（明度と彩度の位置関係）を理解していれば、「背景色をライトグレイッシュにして可読性を確保し、CTAボタンにビビッドを置いて注目させる」といった論理的なUIカラー設計が迷わず行えるようになります。

Q3：トーン記号の後ろに付いている「+」や「g」にはどんな意味がありますか？
A3：PCCSでは、略記号が重複するのを防ぐために工夫が施されています。例えば「ペール（pale）」はピンク（pink）等との混同を避けるため「p+」と表記されることがあり、「グレイッシュ（grayish）」は「g」、「ダークグレイッシュ」は「dkg」と表記されます。検定試験ではこの正式な記号表記がそのまま出題されます。

まとめ：PCCSトーン表をマスターして配色センスを劇的に高めよう

配色の成否を分けるのは、生まれ持ったセンスではなく「色相とトーンの論理的なコントロール」です。PCCSトーン表の仕組みを理解すると、色が持つ心理的効果を意図通りに引き出し、ターゲット層に響くビジュアルデザインを思い通りに構築できるようになります。

色彩検定の合格を目指す方はもちろん、日々のデザイン業務やパーソナルスタイリングで色の組み合わせに悩んでいる方は、ぜひ手元にトーン表を描き出し、明度と彩度のバランスを意識した配色設計を試してみてください。色の選択基準が劇的にクリアになり、説得力のあるクリエイティブが生み出せるはずです。 （出典: pccs トーン 表（Yahoo!ニュース））