カラーコード変換

HEX・RGB・HSLを相互変換（オフライン）

使い方

1. HEX・RGB・HSLいずれかの入力欄に色を入力します。
2. 他の形式へ自動変換されます。
3. コピーボタンで値をコピーできます。

FAQ

HEXコードとは何ですか？

6桁の16進数で色を表す形式です。例: #ff5733。先頭の#は省略可能です。

HSLとは何ですか？

Hue（色相）、Saturation（彩度）、Lightness（明度）の3値で色を表す形式です。CSSで使いやすい形式です。

透明度（Alpha）は対応していますか？

現在はRGB/HSLのAlpha（透明度）には対応していません。

CSSにそのまま使えますか？

HEXは#xxxxxx、RGBはrgb(r, g, b)、HSLはhsl(h, s%, l%)の形式でコピーできます。