カラー変換
RGB から HEX への変換ツール(RGBA・HSL・OKLCH 対応)
RGB・RGBA の値を HEX、HEX8、HSL、HSV、OKLCH に即座に変換。CSS、デザイントークン、UI カラーシステムに使えます。
結果
使い方
0〜255 の赤・緑・青の値を入力すると、HEX、8 桁 HEX、HSL、HSV、OKLCH がすぐに更新されます。アルファ値を指定した場合は透明度も保持されます。
- 1 赤・緑・青の値を入力します。
- 2 必要に応じてアルファ(透明度)を調整します。
- 3 HEX、HEX8、HSL、HSV、OKLCH の結果をコピーします。
よくある質問
有効な RGB の値は?
赤・緑・青の各チャンネルは 0〜255、アルファは 0〜1 の値を使います。
HEX で透明度を表せますか?
はい。8 桁 HEX は末尾 2 桁でアルファを表します(例:#33669980)。
RGBA を HEX に変換できますか?
はい。アルファが 1 未満の場合は 8 桁 HEX を出力するので、CSS で透明度を保てます。
HEX と一緒に OKLCH も表示するのはなぜ?
HEX は CSS でコンパクトに書けますが、OKLCH は見た目に一貫した色の調整が必要なときに役立ちます。