HEX·RGB·HSL変換器
6桁のHEX色をRGB HSLに変換します。
入力
例の値が入力されています。直接確認するか、値を変更してみてください。
入力はブラウザで処理されます。再読み込みすると例の値に戻ります。
結果
入力された例値を直接使用して結果を確認するか、値を変更してみてください。
6桁の不透明なsRGB色をサポートします。
結果を共有
ツールリンクと結果テキストを一緒に共有します。結果にはURLを入れません。以下の内容を確認して共有してください。
計算・変換基準
6桁のHEX色をRGB HSLで読み込みます。
sRGBチャンネルを0〜1に正規化し、最大・最小チャンネルでHSLを計算
入力例
#ff0000 → rgb(255, 0, 0), hsl(0, 100%, 50%)
#FF0000 rgb(255, 0, 0)、hsl(0, 100%, 50%)です。HSLの明るさ50%はWCAGで使用される相対輝度と同じ値ではありません。
使用方法
- 入力された例値を使用するか、HEX色項目を変更してください。
- 結果を確認を押して下の結果を確認してください。
- 必要なら、結果をコピーして取り出すことができます。
よくある質問
透明色や短いHEXも対応できますか？
このツールはアルファがない6桁のHEXのみを受け取ります。#F00 #FF0000のように解読して入力してください。透明度や他の色空間の変換は提供しません。
計算基準と参考資料
- W3C — CSS Color
sRGB HSL色表現