ユーティリティ
カラーコード変換
HEX、RGB、HSLのカラー値を即座に変換。
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 90%, 60%)
カラーコード変換とは？
#あり・なしの3桁または6桁HEXを入力するか色を選択します。RGBとHSLは出力専用です。プレビューとコピーは同じ6桁HEXです。透明度、色名、プロファイル変換は非対応で、HSLは整数に丸めます。
例
- ff0000 → #ff0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)
- #0f0 → #00ff00 → rgb(0, 255, 0)
カラーコード変換の使い方
1. HEX値を入力するかカラーピッカーで色を選択します。 2. HEX、RGB、HSLの変換値を即座に確認します。 3. プロジェクトに使用する値のコピーをクリックします。 4. 新しい色で始める場合はリセットをクリックします。