使い方
- 必要に応じて画像をアップロードし、チャートに色をプロットします。
- インスペクタータブで色を選び、L*、a*、b* の値を読み取ります。これらの値はチャート上にも表示されます。
- Delta-E タブで基準色とサンプル色を選び、色の差を読み取ります。
チャートは CIE Lab 色空間の平面で、a* 軸は緑から赤へ、b* 軸は青から黄へ伸びています。画像をアップロードすると、64×64の小さなサンプルに縮小され、そのピクセルが色付きの点としてプロットされるので、色がどれだけ広く分布しているかが分かります。点は a* と b* の値で描かれます。
3つのボタンで強調する色域を sRGB、AdobeRGB、P3 から切り替え、チェックボックスで輪郭の表示・非表示を切り替えます。各輪郭は色空間そのものから計算します。RGB キューブの表面を Lab に変換し、色相角ごとに最も外側の点をつないで、a*b* 平面に投影した実際の色域の形を表示します。この表示では明度をつぶしているため、輪郭の内側にある色でも、その明度では色域外のことがあります。
インスペクターは、選んだ HEX の色を Lab に変換します。入力を sRGB の色として扱い、HEX、RGB の3つの値、L*、a*、b* の値を表示します。チャート上の白いリングが、その色の位置を示します。
デルタE タブでは2色の差を CIEDE2000 式で表示します。CIEDE2000 は Lab 空間の単純な直線距離を、人の目が明度・彩度・色相を感じる仕方に合わせて補正するため、特に小さな差で知覚とよく一致します。おおむね 1 未満なら通常は見分けがつきません。
計算はすべてブラウザ上で行われ、画像はアップロードされません。
よくある質問
どの Delta E の式を使っていますか?
CIEDE2000 です。Lab の距離を明度・彩度・色相に合わせて補正し、人の知覚により近い値になります。
色域の輪郭は正確ですか?
各色空間の RGB キューブから計算した実際の輪郭を a*b* 平面に表示します。明度は表示しないので、正確な色域マッピングではなく目安として使ってください。
インスペクターはどの色空間を想定していますか?
HEX 値を sRGB として読み取り、Lab に変換します。
画像のピクセルはいくつプロットされますか?
画像は64×64のサンプルに縮小され、そのうち一部のピクセルのみが描画されます。
画像はアップロードされますか?
いいえ。ブラウザ上で処理されます。