カラーピッカー

color space:
R:
G:
B:
Linear RGB
=
%
%
%
sRGB
=
%
%
%
Adobe RGB
=
%
%
%
Display P3
=
%
%
%
Rec. 2020
=
%
%
%
Rec. 2100 (PQ)
=
%
%
%
Rec. 2100 (HLG)
=
%
%
%
ProPhoto RGB
=
%
%
%
CMY
=
%
%
%
CMYK
=
%
%
%
%
correlated color temperature
=
3425.20
 K

CIE RGB

=
=

CIE XYZ (D65)

=
=

CIE XYZ (D50)

=
=

Luv (D65)

=
=
=
=
%

LChuv (D65)

L, C, h =%deg

Lab (D50)

L*, a*, b* =%

LCh (Lab, D50)

L, C, h =%deg

Oklab (D65)

L, a, b =%

Oklch (D65)

L, C, h =%deg

Jzazbz (D65)

Jz, az, bz =

JzCzhz (D65)

Jz, Cz, hz =deg

HSL (sRGB)

H, S, L =deg%%

HSV (sRGB)

H, S, V =deg%%

HWB (sRGB)

H, W, B =deg%%

YUV (Rec. 601 Luma)

=
=
=

ICTCP (Rec. 2100 PQ)

I, CT, CP =

説明

入力したRGB値(0 - 255)を指定されたRGB色空間(デフォルトはsRGB)で解釈して、各種色空間に変換して可視化するツールです。
GUIあるいはテキストボックスへの入力によって次の値の相互変換を行います。

分類値の名前標準光源備考
sRGBのカラーコード
色名CSSで利用できるcolor keywordの内sRGB値が最も近いもの
RGBLinear RGB選択したRGB色空間に対応するガンマデコードした値
sRGBD65standard RGB
Display P3D65
Adobe RGB (1998)D65
Rec. 2020D65
Rec. 2100 (PQ)D65Color.jsによる実装を参考にした
Rec. 2100 (HLG)D65Color.jsによる実装を参考にした
ProPhoto RGBD50
CMY選択中のRGB色空間から変換
CMYK選択中のRGB色空間から変換
CCT (相対色温度)Bruce LindbloomによるRobertsonの近似式の実装を参考にした
CIE 1931 RGBRGB
rg色度座標
CIE 1931 XYZXYZD65
xy色度座標D65
XYZD50Bradford変換によってD50に変換した値
xy色度座標D50Bradford変換によってD50に変換した値
CIELUVuv色度座標D65
u'v'色度座標D65
U*V*W*D65
L*U*V*D65
LChuvD65
CIELABL*a*b*D50
LChD50
OklabOklabD65
OklchD65
JzazbzJzazbzD65Color.jsによる実装を参考にした
JzczhzD65
HSLD65sRGBから変換
HSVD65sRGBから変換
HWBD65sRGBから変換
YUVYUV選択中のRGB色空間から変換
YIQ選択中のRGB色空間から変換
YCbCr選択中のRGB色空間から変換
ICTCPD65
  • 図中の白い実線はsRGBで表現できる色の範囲を意味し、白い破線は選択されたRGB空間で表現できる色の範囲を意味します。
  • 図の上で右クリックすることで、罫線や境界線の描画設定を変更することができます。
  • 描画処理が重い場合は、右クリックから不要な図を非表示にすることで動作を軽くすることができます。
  • 計算の結果は細かい部分で正式な規格と異なる部分がある可能性があります。

参考

変換ツール

Bradford変換

個別の色空間に関する情報

CSS

リンク