HEX、RGB、HSL、HSVの間で色コードを即座に相互変換します。すべての計算はブラウザのクライアントサイドで実行されます。
使い方
- いずれかの形式で色を入力するか、カラーピッカーを開きます。
- HEX、RGB、HSL、HSV の対応する値を確認します。
- スタイルシートやデザインツールが求める形式をコピーします。
よくある質問
HSL と HSV の違いは何ですか
どちらも色相から色を表しますが、HSL は明度が最大のとき白になり、HSV は純色になります。CSS で色のスケールを作るなら、通常は HSL のほうが扱いやすいです。
透明度のある色も変換できますか
アルファ値は色とは別の値です。ここで色そのものを変換し、不透明度は CSS 側で rgba() や 8 桁の HEX として指定してください。
HEX の値が少しずれるのはなぜですか
HEX はチャンネルあたり 8 ビットなので、段階の間に落ちる HSL や HSV の値は最も近い段階に丸められます。見た目では区別できません。