色相・トーン・属性を視覚的に学び、クイズで知識を定着させよう。
PCCSでは色相を24段階に分け、数字（1〜24）で表します。赤・橙・黄・緑・青・紫の6つの基本色相を中心に構成されています。
トーンは「明度」と「彩度」を組み合わせた概念で、同じトーン内では色相が違っても似たイメージを持ちます。全12トーン＋無彩色で構成されます。
同一トーンの配色をトーンオントーン、異なるトーンで色相を合わせた配色をトーンイントーンといいます。
縦軸が明度（Lightness）、横軸が彩度（Saturation）に対応。三角形状に配置されます。
※ 色相を選択すると各トーンの見え方を確認できます。トーン円をクリックすると詳細が表示されます。
すべての色は 色相（Hue）・明度（Value/Lightness）・彩度（Saturation/Chroma）の3つで表現できます。
| 属性 | 英語 | 説明 | PCCSの記号 |
|---|---|---|---|
色相 | Hue | 赤・青・黄などの色み。24種類で表現。 | H（数字で表示） |
明度 | Lightness | 色の明るさ。白に近いほど高明度、黒に近いほど低明度。 | L（0〜10段階） |
彩度 | Saturation | 色の鮮やかさ。純色に近いほど高彩度、灰色に近いほど低彩度。 | S（0〜9段階） |
色彩検定ではマンセル表色系も頻出です。PCCSとの主な違いを整理しましょう。
| 項目 | PCCS | マンセル |
|---|---|---|
| 開発 | 日本色彩研究所（1964年） | マンセル（1905年） |
| 色相数 | 24色相 | 100色相（5主要・5中間） |
| 明度記号 | L（明度） | V（Value） |
| 彩度記号 | S（彩度） | C（Chroma） |
| 特徴 | トーン概念あり・教育向き | 等色相面あり・正確な計測向き |
有彩色：色相・明度・彩度をすべて持つ色。あらゆる色がここに含まれます。
無彩色：色相・彩度を持たず、明度のみで表現される色。白・灰・黒が代表例です。
24色相を円形に配置したものです。色相番号をクリックすると、補色と色相距離の情報が表示されます。