🌈 RGB→HSL変換

RGB→HSL変換について

このツールは RGB 値（各チャンネル 0〜255）を HSL（色相・彩度・輝度）値に変換し、HSL から RGB への逆変換も行います。すべての計算はブラウザ内で完結します。

RGB と HSL の違い

RGB は赤・緑・青の各成分の強度で色を表します。HSL は色相（カラーホイール上の位置）、彩度（鮮やかさ）、輝度（明るさ）で色を表します。同じ色相の明暗や調和する配色を作りたい場合、HSL の方が直感的です。

変換の仕組み

RGB を 0〜1 に正規化し、最大・最小チャンネル値を求めます。輝度は max と min の平均。max と min が異なる場合、差分から彩度と色相を導出します。逆変換では色相を 6 セクターに分け、区分線形補間で各チャンネルを再構成します。

よくある質問

負の値や範囲外の値は受け付けますか？ いいえ。各入力は有効範囲（R/G/B 0〜255、H 0〜360、S/L 0〜100）にクランプされます。

HSL 値が丸まれているのはなぜですか？ 表示は読みやすさのため丸めていますが、内部計算は最後の整数化まで正確です。

逆変換はロスレスですか？ 常ではありません。HSL は RGB より表現可能な色相が少ないため、往復変換でわずかに異なる RGB 値になることがあります。これは想定内の動作です。