カラーコード変換(HEX・RGB・HSL)

ウェブサイトやデジタルの制作でよく使う形式の間で、色を変換します。入力形式としてHEX、RGB、HSLのどれかを選ぶと、対応する8ビットのsRGBの値を表示します。HSVの彩度と明度、計算の仕組みを理解するための簡単なCMYKの推定値も一緒に表示します。

使い方

1. 入力形式を選びます。選んだ形式に合う欄だけが使われます。
2. 3桁または6桁のHEXコード、整数のRGBチャンネルの値、またはHSLの値を入力します。
3. 正規化されたHEXとRGBの結果を確認してから、他の表記をコピーします。

計算式

HSL:L = (max + min) / 2、彩度 S = (max − min) / (1 − |2L − 1|)(彩度成分が0でないとき)

最大値と最小値は、0〜1に正規化したRGB成分です。色相(Hue)は、どのチャンネルの区間にあるかで決まります。HSLで入力した場合は、まず整数のチャンネルに丸め、ちょうど0.5になる場合は切り上げるので、表示されるすべての形式が同じ8ビットの色を表します。

計算例

HEXの #336699 は、RGBの 51, 102, 153 です。255で割ると0.2、0.4、0.6になります。輝度は40%、HSLの彩度は50%、色相は210度で、HSVの明度(Value)は60%です。

丸めについて

デジタルのチャンネルは0から255の整数です。パーセントで入力した値の小さな違いは、同じ出力に丸められることがあります。また、モニター、プロファイル、周囲の色によって、同じ数値の色でも見え方が変わることがあります。