RGBからHSLへのカラー変換
RGBカラー値をHSL(色相、彩度、明度)の値へ、瞬時に無料で変換します。登録は一切不要です。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- 赤、緑、青の値(各0–255)を入力します。
- このツールは色相(0–360°)、彩度(0–100%)、明度(0–100%)を計算します。
- hsl()の結果はそのままCSSで使用できます。
RGBカラー値を、CSSやデザインツールで使われるHSL(色相・彩度・明度)カラーモデルに変換します。
計算式
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
よくある質問
- HSLとは何ですか?
- HSLはHue(色相)、Saturation(彩度)、Lightness(明度)の頭文字です。円柱状のモデルで色を表現するため、明るさや彩度の調整においてRGBより直感的です。
- 色相の範囲はどれくらいですか?
- 色相は0から360度で測定され、0/360が赤、120が緑、240が青です。