HEXからHSLへの変換
HSLは色を色相角、彩度、明度で表します。まずHEXをRGBとして読み、各RGBチャンネルを0〜1へ正規化します。
計算例
- 入力
- #336699
- 結果
- hsl(210, 50%, 40%)
- 計算
- max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°
変換の仕組み
正規化RGBの最大値と最小値を求めます。中間値が明度、差が彩度を決め、最大のチャンネルが色相の区間を決めます。
重要な注意
HSLは色の派生を作りやすい一方、同じHSL明度でも知覚上の明るさやアクセシブルなコントラストが同じとは限りません。