Color to LAB

LAB 色空間とは？

CIE LAB（L*a*b* とも表記）は、国際照明委員会（CIE）が 1976 年に定義したデバイス非依存の色空間です。知覚的に均一になるよう設計されました — つまり、同じ数値量の変化が空間全体でほぼ同じように異なって見えることを意味します。3 つのチャンネルは明度（L*）、緑-赤軸（a*）、青-黄軸（b*）です。

L* は 0（黒）から 100（白）まで。a* の正は赤、負は緑。b* の正は黄、負は青です。LAB は明度を色から分離するため、プロのカラーマネジメントの主力です — 人眼が見えるすべての色を表現でき、あるチャンネルへの編集が RGB 編集のように他を乱しません。

RGB を LAB に変換する方法

変換は 3 つのステップで行われます。まず、sRGB 値を線形化してディスプレイガンマを除去します。次に D65 標準光源行列を使用して線形 RGB を CIE XYZ に変換します。最後に非線形立方根関数と参照白色点を使用して XYZ を LAB にマッピングします：

R' = ((R/255 + 0.055) / 1.055)2.4（線形 RGB）
X = 0.4124·R' + 0.3576·G' + 0.1805·B'（XYZ、D65）
Y = 0.2126·R' + 0.7152·G' + 0.0722·B'
Z = 0.0193·R' + 0.1192·G' + 0.9505·B'
L = 116·f(Y/Yn) − 16、a = 500·(f(X/Xn) − f(Y/Yn))、b = 200·(f(Y/Yn) − f(Z/Zn))

ここで f(t) = t^1/3（t > 0.008856 の場合）、それ以外は 7.787·t + 16/116、(X_n, Y_n, Z_n) は D65 参照白色です。このツールは色を拾う際にこの計算をすべてリアルタイムで実行します。

LAB を使用するタイミング

知覚的正確さが画面や印刷の利便性よりも重要な場合はいつでも、LAB が正しい選択です：

• 色差。 2 つの LAB 色間のユークリッド距離は知覚差を近似するため、LAB は ΔE 許容チェックを駆動します。
• 色補正。 フォトエディターは色相をシフトせずに明るさのために L* チャンネルを動かします。
• 色域マッピング。 RGB と CMYK 間の変換は、共通のより広い空間として LAB を経由することがよくあります。
• パントーンマッチング。 ブランドカラーシステムはクロスメディア一貫性のために HEX/CMYK と共に LAB を報告します。
• アクセシビリティ。 知覚明度 L* は相対輝度よりも人間の知覚に近いです。

日常の Web 作業では、CSS が直接受け入れるため HEX と RGB がより便利です — LAB は最近 CSS に lab() として加わりました。

LAB と RGB、HEX、CMYK の違い

RGB と HEX は画面が発する色を記述し、CMYK はプリンターが敷くインクを記述します。LAB は定義された光源の下で人間がどのように色を知覚するかを、デバイスに依存せず記述します。これにより LAB は 4 つの空間の中で最大です — モニターやプリンターが再現できない色を含みます。RGB を LAB に変換しても情報は失われません。LAB を RGB に戻すと色域外の値がクリップされます。

LAB は知覚的に均一なため、同じ L* を持つ 2 色は同じ明るさに見え、同じ数値距離の 2 色はほぼ同じように異なって見えます — これは RGB と CMYK にはない性質です。

色を LAB に変換する方法

このツールで色を LAB に変換するのは一瞬で、すべてブラウザ内で完結します。アップロード不要、登録不要、インストール不要。以下の手順で行います：

1. 色を拾います。 カラーピッカーを使用するか、RGB 入力に赤、緑、青の値（0–255）を入力します。
2. 結果を読みます。 L*、a*、b* 値と完全な lab() 文字列がリアルタイムで更新されます。
3. LAB をコピーします。 「LAB をコピー」をクリックして値をコピーし、カラーマネジメントツールやデザインアプリに貼り付けます。

すべてのステップは JavaScript でローカルに実行されるため、色の選択がブラウザから離れることはありません。これによりツールは完全にプライベートで即時です。