色変換ツール

不透明色をHEX、RGB、HSLの間で変換します。CSS、デザインの引き継ぎ、UI実装、配色の簡単な確認に便利です。

HEX値、rgb()・hsl()関数、名前付きCSS色など、ブラウザが認識する任意の色を入力できます。プレビューとすべての出力が同時に更新されます。

HEX、RGB、HSL

• HEX は簡潔な表記で、スタイルシートやデザイントークンによく使われます。
• RGB は、0から255までの赤・緑・青のチャンネル値で色を表します。
• HSL は色相、彩度、明度を分けて表すため、手作業で色を調整しやすくなります。

入力に合わせてプレビューと変換値が更新され、各形式を個別にコピーできます。HSLの割合は整数に丸めるため、相互変換すると小さな丸め差が生じる場合があります。出力にはアルファ透明度を含みません。

関連する色ツール： 色変換 · 16進数からRGBへ · RGBから16進数へ · 画像の配色