Hは色そのものの方向
Hは色相環の角度です。赤を0°付近として、黄・緑・青・紫と一周します。360°は0°と同じ位置なので、色相はぐるっと循環する値として考えると分かりやすいです。
使う
🔒 入力内容はブラウザ内で処理します。
FREE WEB TOOL
HSL（色相・彩度・明度）をRGB（0〜255）へ変換します。
🔒 入力内容はブラウザ内で処理します。
HSLの色相・彩度・明度をRGB（0〜255）へ変換します。CSSやデザインツールでHSLしか手元にないとき、RGB値を確認する用途に向いています。
RGBは整数へ丸めて表示されるため、HSLへ戻したときにごく小さな差が出る場合があります。
Hは色相環の角度です。赤を0°付近として、黄・緑・青・紫と一周します。360°は0°と同じ位置なので、色相はぐるっと循環する値として考えると分かりやすいです。
Sが0%に近いほど灰色に寄り、100%に近いほど色味が強くなります。同じHでもSを下げると落ち着いた色になり、背景色や補助色を作りやすくなります。
L=0%は黒、100%は白です。HとSを保ったままLだけ変えると、同系色の濃淡を作れます。ボタンのhover色や淡い背景色を作るときに扱いやすい考え方です。
HSLとRGBは別々の色ではなく、同じ色を違う座標で表したものです。変換しても意図した色味が変わるわけではありませんが、整数丸めによる微差だけはあり得ます。