カラー変換
HEX、RGB、HSL の間で色を変換します。
使い方
カラー変換とは？
色は HEX、RGB、HSL などさまざまな形式で表現できます。CSS、デザインツール、コード間で値を移動するとき、形式間の変換が必要になります。
使い方
1. HEX、RGB、HSL 形式で色を入力します。
2. DevToolBox は即座に他の形式へ変換します。
3. ライブプレビューのスウォッチで結果の色を確認できます。
形式の例
- HEX: #3b82f6 または短縮形 #38f
- RGB: rgb(59, 130, 246) またはスペース区切り rgb(59 130 246)
- HSL: hsl(217, 91%, 60%) または hsl(217 91% 60%)
ヒント
- HEX は CSS やデザインツールでよく使われます。
- RGB は色関数や canvas API に対応します。
- HSL は明度と彩度の調整に直感的です。
プライバシー
すべての変換はブラウザ内でローカルに計算されます。