色コード変換まとめ｜日塗工・マンセル・PCCS・RAL⇄HEX/RGB

「この色、HEXで何番？」が全員の口癖になる現場

塗装業者が日塗工番号で指定し、Webデザイナーが HEX で受け取り、品質管理が RAL 番号で記録する——色を扱う仕事では、表色系の翻訳が日常茶飯事だ。しかも人間の目はあてにならない。モニタ環境、照明、印刷方式で「同じ色」がまるで違って見える。

さらに厄介なのは、番号を変換できても仕事が終わらないことだ。「変換した色でいいのか」を判断するには色差という物差しが要るし、「現場で違う色に見える」問題は光源の色温度の話になる。Webに使うならコントラスト比の基準もある。色コードの変換は入口にすぎない。

この記事では、実務で頻出する5つの表色系（HEX/RGB・マンセル・日塗工・PCCS・RAL）の変換に加えて、色を拾う・測る・光源で検証する・使えるか判定するまでの9領域を1ページにまとめた。ブックマーク1つで「あの色コード、別の体系だと何番だっけ？」から「この色で合格か？」までを即解決できる構成にしている。

なぜこの記事を書いたのか

色の変換ツールはネット上に散在しているが、表色系ごとにバラバラなのが問題だ。「マンセル HEX 変換」で検索すればマンセルの話だけ、「日塗工色番号」で調べれば日塗工の話だけ。複数の表色系を横断して「自分が扱う色コードの全体像」を確認できるページがなかった。

実務で厄介なのは「知らない表色系を指定された」瞬間。建築設計の図面に RAL 番号が書いてあるのに、発注先の塗料メーカーは日塗工番号しか受け付けない——こういう場面で、変換の全体像が頭に入っているかどうかが対応速度を決める。

もう1つ、変換そのものより厄介なのが**「合っているかどうか」の判定**だ。塗り上がった壁を見て「指定と違う気がする」と言われても、目視の印象では議論にならない。ΔE いくつなら許容なのか、どの光源で見た話なのか——ここを数値で押さえられるかどうかが、色のトラブルを長引かせるかどうかの分かれ目になる。

この記事は、色コード変換で必要な知識を漏れなく体系化し、各変換・各判定を手軽に実行できるツールと紐づけた。色を扱うすべての実務者のリファレンスとして使ってほしい。

色コード変換の全体像｜5つの表色系とHEXの橋渡し構造、その先の4工程

色の世界には数十の表色系が存在するが、実務で頻出するのは以下の5系統。そしてすべての変換の中間コードとして機能するのが HEX/RGB だ。変換の前後で使う「拾う・測る・検証する」の4領域を加えて、全体は9つになる。

#	領域	主な用途	対応ツール
1	HEX/RGB ⇄ マンセル ⇄ 日塗工	建築塗装・塗料発注	HEX⇄マンセル⇄日塗工変換
2	PCCS ⇄ HEX ⇄ マンセル	色彩教育・検定試験	PCCS⇄HEX⇄マンセル変換
3	RAL ⇄ マンセル ⇄ HEX	工業塗装・欧州規格	RAL⇄マンセル⇄HEX変換
4	JIS慣用色名 ⇄ HEX	和名からの逆引き	JIS慣用色名逆引き辞典
5	混色シミュレーション	調色・配合設計	色混合シミュレーター
6	画面上の色を拾う	資料・写真からの色抽出	スポイトカラーピッカー
7	色差ΔEの判定	色合わせの合否判定・検収	色差ΔE計算ツール（CIE76 / CIEDE2000）
8	光源の色温度	見え方の食い違いの原因究明	色温度⇄色度・RGB変換ツール
9	コントラスト比	Web・サインの可読性チェック	WCAGコントラストチェッカー

HEXが共通の橋渡しをする構造

重要なのは、これらの表色系が直接相互変換できるわけではないこと。マンセルから RAL に直接変換するテーブルは存在しない。代わりに、HEX/RGB が共通の中間コードとして機能し、以下のように2段階で変換する：

日塗工 → HEX/RGB → RAL（近似マッチ）
PCCS  → HEX/RGB → マンセル（座標変換）
JIS慣用色名 → HEX/RGB → 日塗工（色差ΔE検索）

だから「マンセルだけ覚えればいい」「HEXだけ使えばいい」では不十分。実務では相手先の指定する表色系に合わせる必要があり、HEXを中心とした変換ネットワークの全体像を把握しておくことが、ミスのない色指定に直結する。

①HEX/RGB ⇄ マンセル ⇄ 日塗工｜建築塗装の基本変換

マンセル表色系とは

マンセル表色系は、色を**色相（Hue）・明度（Value）・彩度（Chroma）**の3属性で表す体系だ。1905年にアルバート・マンセルが考案し、現在もJIS Z 8721で日本の色彩規格として採用されている。

たとえば「5R 4/14」なら：

5R — 色相が赤（Red）の5番（赤の中央）
4 — 明度が4（0が黒、10が白）
14 — 彩度が14（0が無彩色、数値が大きいほど鮮やか）

マンセルの強みは知覚的な等間隔性。数値が1ステップ変わると、人間の目にはほぼ同じだけ色が変わって見える。これは RGB のような光の物理量ベースの体系にはない特長だ。

日塗工番号とは

日塗工（日本塗料工業会）の色番号は、日本の建築・土木塗装で事実上の標準となっている体系。「22-80B」のような番号で、色見本帳と1対1で対応する。

建築設計事務所が図面に日塗工番号を記載し、塗装業者がその番号の塗料を手配する——この流れが日本の建築業界の標準ワークフロー。番号さえ正確に伝われば、塗料メーカーを問わず同じ色が再現できる仕組みだ。

なぜ HEX ⇄ マンセル ⇄ 日塗工変換が必要か

問題は、デジタルと現場の間に表色系のギャップがあること。

設計者が CAD 上で HEX #8B4513 を指定 → 現場では「日塗工で何番？」と聞かれる
色見本帳の日塗工番号を指定されたが、プレゼン資料に使う HEX 値がわからない
海外のクライアントがマンセル値で色指定してきたが、日本の塗料メーカーに発注するには日塗工番号が必要

こうした場面で、3つの表色系を自在に行き来できることが実務効率を左右する。

→ HEX⇄マンセル⇄日塗工変換で3表色系を双方向変換

②PCCS ⇄ HEX ⇄ マンセル｜色彩教育と検定試験の必須変換

PCCS とは

PCCS（Practical Color Co-ordinate System）は、日本色彩研究所が開発した表色系で、色相と「トーン」の2軸で色を体系化する。色彩検定やカラーコーディネーター試験の公式テキストで採用されており、日本の色彩教育のデファクトスタンダードだ。

PCCSの特徴は「トーン」という概念。明度と彩度を組み合わせた12のトーン（vivid, bright, strong, deep, light, soft, dull, dark, pale, light grayish, grayish, dark grayish）で色の印象を直感的に分類できる。「この色はソフトトーンだからナチュラルな印象」「ビビッドトーンだから力強い」といった表現が可能になる。

なぜ PCCS ⇄ HEX 変換が必要か

色彩検定の学習では PCCS のトーン記号（例: v2, sf12）で色を扱うが、実際にデザインツールで色を再現するには HEX/RGB 値が必要だ。逆に、Web デザインで使っている HEX 値が PCCS のどのトーンに該当するかを知りたい場面もある。

試験対策だけでなく、インテリアコーディネーターやファッション業界では PCCS のトーン分類を使って配色提案を行うことが多い。提案書に HEX 値を併記すれば、クライアントが自分の PC でも同じ色を確認できる。

→ PCCS⇄HEX⇄マンセル変換でトーン記号と HEX を双方向変換

③RAL ⇄ マンセル ⇄ HEX｜欧州規格と工業塗装の世界

RAL表色系とは

RAL（Reichsausschuß für Lieferbedingungen）は、ドイツ発の工業用カラーシステム。RAL公式が管理するRALクラシックは213色で構成され、欧州の工業製品・建材・車両塗装の色指定に広く使われている。

RAL番号は4桁の数字（例: RAL 3020 = Traffic Red）で、1桁目が色相グループを示す：

1xxx：黄系
2xxx：橙系
3xxx：赤系
4xxx：紫系
5xxx：青系
6xxx：緑系
7xxx：灰系
8xxx：茶系
9xxx：白・黒系

なぜ RAL ⇄ HEX 変換が必要か

日本国内でも、輸入建材や欧州メーカーの機器では RAL 番号で色が指定されることがある。一方、日本の塗装業者は日塗工番号で塗料を手配する。この「RAL → 日塗工」の変換需要は、国際プロジェクトの増加とともに年々高まっている。

直接の変換テーブルは存在しないため、RAL → HEX → 日塗工 のように HEX を中継する2段階変換が必要になる。手作業だと1色あたり数分かかるが、ツールなら一瞬だ。

→ RAL⇄マンセル⇄HEX変換でRALクラシック全213色を一括変換

④JIS慣用色名逆引き｜「あの和名、何色だっけ？」を解決

JIS慣用色名とは

JIS Z 8102で規定された慣用色名は、日本語で色を表現するための標準規格だ。「紅（くれない）」「藍（あい）」「萌黄（もえぎ）」「鳶色（とびいろ）」など、269色の和名が定義されている。

慣用色名の面白さは、色名が文化や歴史と結びついていること。「浅葱（あさぎ）」は新選組の羽織の色、「京紫（きょうむらさき）」は京都の伝統染色に由来する。デザインの文脈で「和」のテイストを出したいとき、慣用色名から色を選ぶアプローチが有効だ。

なぜ逆引きが必要か

通常の色辞典は「色名 → HEX」の正引き。しかし実務では逆のパターンも多い：

デザインデータの HEX 値が「和名で言うと何色？」をクライアントに伝えたい
「藍色っぽい色」を使っているが、JIS の正式な藍色との色差がどれくらいか確認したい
色彩検定で「この色は何色？」と問われたとき、最も近い慣用色名を特定したい

色差（ΔE）の値で近似度を定量的に示せるので、「似ているけど違う」のグレーゾーンにも対応できる。

→ JIS慣用色名逆引き辞典でHEX/RGBから最も近いJIS慣用色名を色差ΔE順に検索

⑤色混合シミュレーション｜調色の「やってみないとわからない」を解消

混色の基礎｜加法混色と減法混色

色の混合には2つの原理がある：

加法混色（光の混色） — RGB の光を重ねる。赤＋緑＝黄、赤＋青＝マゼンタ。ディスプレイや照明の世界。全部混ぜると白になる。

減法混色（絵の具・塗料の混色） — CMY の色料を混ぜる。シアン＋マゼンタ＝青、マゼンタ＋イエロー＝赤。印刷や塗装の世界。全部混ぜると暗い灰〜黒になる。

実際の塗料の混色は純粋な減法混色とは異なり、顔料の粒子径、バインダーの透明度、塗膜の厚みなどが影響する。それでも、デジタルシミュレーションで大まかな方向性を掴んでから実際の調色に臨めば、試行錯誤の回数を大幅に減らせる。

なぜ混色シミュレーションが必要か

塗装の現場では「この2色を混ぜたら何色になる？」という質問が頻出する。経験豊富な調色師は感覚でわかるが、経験が浅い担当者にとっては未知の領域。実際に塗料を混ぜて試すには時間とコストがかかる。

デジタルで混合比率を変えながらプレビューすれば、「赤を少し足せば暖色寄りになる」「白を混ぜると明度は上がるが彩度が落ちる」といった混色の法則を体感的に学べる。

→ 色混合シミュレーターで2〜4色の混合比率を調整してリアルタイムプレビュー

⑥画面上の色を拾う｜資料・写真からのカラーピック

変換の前段で意外と手間なのが、そもそもの HEX 値を手に入れる工程だ。クライアントから届いたのが PDF のパース図やスマホで撮った現場写真だけ、という状況は珍しくない。

スポイトで拾うときの落とし穴

画像から色を拾うときに気をつけたいのが3点ある。

1点目は圧縮ノイズ。JPEG は色情報を間引いて圧縮するので、単色に見える壁でもピクセル単位では値がばらついている。1点だけクリックして拾った値は、隣のピクセルとは違う色かもしれない。広い面の中央付近で数点拾って、平均的な値を採るのが安全だ。

2点目は陰影。写真の壁面は、光の当たり方で同じ塗料でも明度が2〜3割変わる。日向側と日陰側の両方を拾って、その中間を基準にするくらいの割り切りが要る。

3点目はカラープロファイル。スマホ写真は sRGB より広い色域（Display P3）で保存されていることがあり、そのまま HEX として読むと彩度が高めに出る。厳密さが要る場面では sRGB に変換してから拾う。

こうして拾った HEX を出発点にすれば、①〜④の変換で日塗工・マンセル・RAL のどれにも展開できる。

→ スポイトカラーピッカーで画像から色を抽出しHEX/RGBを取得

⑦色差ΔE｜「似ている」を数値で決める

色のトラブルが長引くいちばんの原因は、合否の基準が言葉になっていないことだ。「イメージと違う」「まあ許容範囲」——この応酬は、色差ΔEという共通の物差しを持ち込めば終わる。

色差 ΔE とは

ΔE（デルタE）は、2色の違いを1つの数値で表した指標だ。人間の知覚に近い L*a*b* 色空間の上で、2点間の距離として計算する。

CIE76（1976年式・単純なユークリッド距離）
ΔE*ab = √( (ΔL*)² + (Δa*)² + (Δb*)² )

L*: 明度（0=黒 〜 100=白）
a*: 赤 ⇄ 緑
b*: 黄 ⇄ 青

CIE76 と CIEDE2000 の違い

CIE76 は式が単純で手計算もできるが、人間の知覚と合わない領域がある。特に彩度の高い青や、無彩色に近い灰色では、同じΔE値でも見た目の差が大きく違ってしまう。

これを補正したのが CIEDE2000（ΔE00）で、明度・彩度・色相それぞれに重み関数を掛け、さらに青領域の色相回転項まで入れた式になっている。式は長いが、知覚との一致度は明確に上だ。

実務での使い分けはこうなる：

場面	推奨	理由
社内の簡易チェック・概算	CIE76	計算が軽く、桁感がつかめれば十分
塗装の検収・品質管理	CIEDE2000	合否判定の根拠として説明力がある
印刷・写真の色評価	CIEDE2000	業界標準がΔE00に移行済み
古い規格書との突合	CIE76	規格側がCIE76基準で書かれている場合

同じ2色でも CIE76 で 3.5、CIEDE2000 で 2.1 のように値がずれるので、社内基準を決めるときは「どちらの式か」を必ずセットで書いておく。

許容値の目安

ΔE	見え方
< 1	並べても肉眼ではほぼ区別できない
1〜2	訓練された人が並置比較すれば気づく
2〜3.5	注意して見れば違いがわかる。多くの塗装で許容上限
3.5〜5	明らかに違う色に見える
> 5	別の色として認識される

建築塗装の補修で「同じ色を塗ったのに継ぎ目が見える」のは、たいていΔEが3を超えている。逆に、離れた面同士ならΔE 3程度は問題にならないことも多い。並置か離隔かで許容値を変えるのが実務的だ。

→ 色差ΔE計算ツール（CIE76 / CIEDE2000）で2色のΔEを両方式で計算

⑧光源の色温度｜「現場で違う色に見える」の正体

変換も色差も合っているのに、現場に行くと違う色に見える——この原因の大半は光源だ。

色温度とは

色温度は、光の色味を絶対温度K（ケルビン）で表した指標だ。黒体（理想的な放射体）をその温度まで熱したときに放つ光の色に対応している。

光源	色温度の目安	見え方
ろうそく	1,900 K	強い赤み
白熱電球・電球色LED	2,700〜3,000 K	暖かい黄み
温白色	3,500 K	中間
昼白色	5,000 K	自然光に近い
昼光色・D65標準光源	6,500 K	やや青み
曇天の北窓光	7,000〜8,000 K	明確に青い

数字が低いほど赤く、高いほど青い——温度の直感と逆なので混乱しやすいが、「炎は赤い、青白い星は高温」と覚えるとよい。

色見本を見る光源は規格で決まっている

色の評価は D65（色温度6,504K の標準昼光）で行うのが国際的な取り決めだ。塗装の検収を電球色の照明下でやってはいけないのは、色温度2,700Kの光源では青系の色が沈み、黄み〜赤みが強調されるからである。

メタメリズム（条件等色）

やっかいなのは、ある光源下では一致して見えた2色が、別の光源では違って見える現象——メタメリズム（条件等色）だ。分光反射率のカーブが違うのに、その光源のもとではたまたま同じ刺激値になってしまうときに起きる。

原因は顔料の配合違いにある。同じ色に見せるにも、使う顔料の組み合わせは1通りではない。異なるメーカーの塗料で「見本と同じ色を作った」場合、蛍光灯下では一致していても太陽光下でずれる、ということが普通に起きる。

対策はシンプルで、補修や増し塗りは同一メーカー・同一ロットで揃えること。そしてHEX変換だけでは検出できない問題なので、重要な案件では2種類以上の光源下で実物確認する。

→ 色温度⇄色度・RGB変換ツールで色温度から色度座標・RGBを相互変換

⑨コントラスト比｜その配色は本当に読めるのか

Web、サイン計画、資料デザイン——色を「使う」段階では、美しさとは別に読めるかどうかという基準がある。

WCAGのコントラスト比

W3C のWCAG 2.1では、文字と背景の相対輝度比で可読性を規定している。

コントラスト比 = (L1 + 0.05) / (L2 + 0.05)

L1: 明るいほうの相対輝度
L2: 暗いほうの相対輝度
（比は 1:1 〜 21:1 の範囲を取る）

基準	通常の文字	大きい文字（18pt以上、または14pt太字以上）
レベル AA（実務の標準）	4.5:1 以上	3:1 以上
レベル AAA（高い水準）	7:1 以上	4.5:1 以上

「見やすい」と「コントラストがある」は別物

ここで直感を裏切るのが、色相の違いはコントラスト比にほとんど効かないという事実だ。相対輝度は R・G・B に 0.2126 / 0.7152 / 0.0722 という重みを掛けて求めるので、緑の寄与が圧倒的に大きい。赤地に青文字のように「色は正反対」でも、輝度が近ければ比は 1.5:1 程度にしかならず、まったく読めない。

逆に、同系色でも明度差さえあれば十分に読める。配色を決めるときは色相ではなく明度で考える——これがアクセシビリティ設計の第一原理だ。

日本では公共サインや自治体サイトでこの基準が事実上必須になっており、企業のブランドカラーがAAを満たさずに文字色だけ変更する、というケースも増えている。

→ WCAGコントラストチェッカーで文字色・背景色の組み合わせがAA/AAAを満たすか判定

表色系の選び方｜用途別ガイド

「結局どの表色系を使えばいいの？」という疑問に答えるための早見表を用意した。

用途	推奨表色系	理由
Web/UIデザイン	HEX/RGB	ブラウザ・デザインツールの標準
建築塗装（国内）	日塗工	塗料メーカーの発注番号として通用
建築塗装（欧州）	RAL	欧州の建材・機器メーカーの標準
色彩検定・教育	PCCS	試験・テキストの公式表色系
色の学術的記述	マンセル	JIS規格、知覚的等間隔性
和風デザイン・文化的文脈	JIS慣用色名	269色の和名で「和」のニュアンスを表現
調色・配合	HEX + 混色シミュレーション	比率を変えながらリアルタイムプレビュー
色合わせの合否判定	`Lab*` + ΔE	「似ている」を数値で共有できる唯一の物差し
Web・サインの配色	HEX + コントラスト比	可読性の基準が規格で決まっている

複数の表色系を併記する場面も多い。たとえば建築設計図には「日塗工 22-80B（マンセル 5Y 8/1、HEX #C8C0A8 相当）」のように3表記を並べることで、関係者全員が自分の馴染みのある体系で色を確認できる。

変換精度の限界｜知っておくべき注意点

色コード変換は万能ではない。以下の限界を理解した上で使うことが重要だ。

色域（ガマット）の違い

各表色系がカバーする色の範囲は異なる。RGB で表現できるすべての色がマンセル色票に存在するわけではなく、逆もまた然り。変換結果は最も近い色への近似であり、完全な一致ではない。

光源による見え方の変化

HEX 値が一致していても、照明が変われば見え方は変わる。この問題はデジタル変換では原理的に検出できないので、⑧で扱った色温度とメタメリズムの話をそのまま持ち込むしかない。

モニタキャリブレーション

PC のモニタは個体差があり、同じ HEX 値でも表示される色が異なる。正確な色確認が必要な場合は、キャリブレーション済みモニタか、物理的な色見本帳（日塗工見本帳、RAL K7カード等）での確認が必須だ。

豆知識｜色コードにまつわる雑学

HEX の「#」は何の略？

HEX（ヘキサデシマル＝16進数）カラーコードの「#」は、もともと数字記号（number sign）。HTMLの初期仕様で「この後ろは16進数のカラー値ですよ」というマーカーとして採用された。6桁の16進数で約1677万色を表現できる。

マンセルが生まれた背景

アルバート・マンセルは美術教師だった。学生に「赤をもう少し明るくして」と伝えても、人によって解釈がバラバラ。この問題を解決するために、色を数値で客観的に記述する体系を1905年に発表した。100年以上前の発明が今もJIS規格として現役なのは驚きだ。詳しくはWikipedia：マンセル・カラー・システムを参照。

日塗工見本帳は2年ごとに改訂される

日塗工の色見本帳は約2年サイクルで改訂され、色の追加・廃番が行われる。古い見本帳の番号が最新版に存在しないこともあるため、発注時は版数の確認が重要。建築の長期修繕計画では「20年後に同じ色が入手できるか」も検討事項になる。

RALの色名はドイツ語由来

RAL 3020 の色名は「Verkehrsrot（交通赤）」。道路標識、消防車、緊急車両に使われる赤だ。RAL番号の色名を知ると、ヨーロッパの街並みの色使いの意図が見えてくる。

Tips｜色コード変換で失敗しないために

HEX を中間コードとして必ず記録する — どの表色系からスタートしても、HEX 値を控えておけば他の表色系への再変換がいつでもできる
社内基準は「ΔEの値」と「式」をセットで書く — ⑦で見たとおり同じ2色でもCIE76とCIEDE2000で値がずれる。「ΔE 3以下」とだけ書いた仕様書は、後で必ず解釈違いを生む
写真から拾った色は数点の平均を採る — 1ピクセルだけクリックした値は圧縮ノイズを拾っている可能性がある
最終確認は物理的な色見本で行う — デジタル変換はあくまで「あたりをつける」ためのもの。発注前には日塗工見本帳や RAL カードで実物確認する習慣をつけよう
複数の表色系を併記する — 図面や仕様書には「日塗工番号（HEX相当値）」のように2つ以上の表記を並べると、受け手の表色系を問わず伝わる
照明環境を統一する — 色の確認はD65光源（色温度6,500K）が標準。窓際の自然光や電球色の下では色の見え方が変わる
配色は色相ではなく明度で決める — 「色を大きく変えたから読めるはず」は錯覚。輝度が近ければコントラスト比は上がらない

Q. マンセル値とHEXの変換は正確なのか？

マンセル色票は物理的な色見本に基づく離散的なデータであり、HEX/RGBは連続的なデジタル値。変換には補間計算が必要で、ある程度の近似誤差が含まれる。Munsell Renotation Dataをベースにした変換で、多くの場合ΔE < 2程度の精度が得られる。

Q. 日塗工番号から直接RAL番号に変換できる？

日塗工とRALの直接変換テーブルは公式には存在しない。日塗工 → HEX → RAL（最近似色）のように、HEXを中継する2段階変換で対応する。色差が大きい場合は完全に一致する色がない可能性がある。

Q. PCCSのトーン記号は色彩検定以外でも使われる？

インテリアコーディネーターやファッション業界で配色提案に使われることが多い。「ペールトーンで統一」「ダークトーンをアクセントに」のようなトーンベースの配色計画は、クライアントへの説明がしやすいため実務でも活用されている。

Q. 計算結果のデータはサーバーに保存される？

いずれのツールもブラウザ内で完結しており、入力データや変換結果がサーバーに送信されることはない。業務上の色データも安心して入力できる。

Q. 色混合シミュレーションの結果は実際の塗料混合と同じか？

デジタルシミュレーションは加法混色（光の混色）をベースにしており、実際の塗料の減法混色（顔料の混色）とは原理が異なる。大まかな方向性の確認には有効だが、最終的な調色は実際の塗料サンプルで確認する必要がある。

Q. ΔEはCIE76とCIEDE2000のどちらを使えばいい？

判定の説明責任が発生する場面ならCIEDE2000を使う。青系や無彩色に近い領域でCIE76が知覚とずれるためで、印刷・写真の業界基準もΔE00へ移行済みだ。社内の当たりをつけるだけならCIE76でも桁感は掴める。両方式の違いは⑦で詳しく扱っているので、そちらを見てから社内基準の式を決めてほしい。

Q. ブランドカラーがWCAGのAAを満たさない場合はどうする？

ブランドカラーそのものを変えずに、使い方を変えるのが定石だ。背景をブランドカラーにして文字を白/黒にする、文字色には使わず罫線やアイコンに回す、大きい文字（18pt以上）に限定して3:1の基準で通す——といった逃げ道がある。組み合わせごとの合否はWCAGコントラストチェッカーで総当たりして、使ってよい組み合わせの一覧を先に作っておくとデザインが早い。

Q. スマホで撮った現場写真から色番号を特定できる？

あたりをつけるところまではできる。ただし写真は陰影・ホワイトバランス・カラープロファイルの影響を受けるので、拾ったHEXがそのまま正解ということはまずない。広い面の複数点をスポイトカラーピッカーで拾って平均を取り、①〜④の変換で候補を数点に絞り、最後は色見本帳で実物合わせをする——という3段構えが現実的だ。

まとめ｜HEXを中心にした変換ネットワークで色の壁を越える

色コード変換で押さえるべきは、HEX/RGBが全表色系を橋渡しする中間コードだということ。この構造を理解していれば、どんな表色系で色を指定されても対応できる。

そして変換はゴールではなく入口だ。拾って、変換して、差を測って、光源で検証して、使えるか判定する——この5工程を通しで回せると、色にまつわる揉め事はほぼ数値の話に落とし込める。

この記事で紹介したツールを使えば、ブラウザだけで一通りが完結する：

変換：HEX⇄マンセル⇄日塗工変換 / PCCS⇄HEX⇄マンセル変換 / RAL⇄マンセル⇄HEX変換 / JIS慣用色名逆引き辞典
作る：色混合シミュレーター
拾う：スポイトカラーピッカー
測る：色差ΔE計算ツール（CIE76 / CIEDE2000）
検証する：色温度⇄色度・RGB変換ツール
使えるか判定する：WCAGコントラストチェッカー

この記事をブックマークして、次に「この色、○○で何番？」と聞かれたときのリファレンスにしてほしい。

不具合の報告や機能リクエストはお問い合わせページから。