HSLからRGBへのカラー変換
HSL(色相・彩度・明度)のカラー値を瞬時にRGBへ変換できる無料ツールです。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- 色相(0–360°)、彩度(0–100%)、明度(0–100%)を入力してください。
- 対応する赤・緑・青の値(0–255)が出力されます。
- rgb()文字列をCSSにコピーするか、個々のR、G、B値を確認してください。
HSL(色相・彩度・明度)の値をRGBに戻します。画像、Canvas、RGBが必要などんな場面でも使えます。
計算式
Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.
If s = 0, then R = G = B = round(l × 255) (achromatic).
Otherwise compute chroma anchors:q = l < 0.5 ? l(1+s) : l + s − l×sp = 2l − q
Then use the piecewise hue-to-RGB helper for each channel:R = hue2rgb(p, q, h + 1/3)G = hue2rgb(p, q, h)B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.
よくある質問
- HSLからRGBへの変換はどのように行われますか?
- このアルゴリズムはまず彩度・明度から中間値を計算し、区分関数を使って色相角度を個別のR、G、Bチャンネルにマッピングします。
- hsl(120, 100%, 50%)は何色ですか?
- それは純粋な緑、rgb(0, 255, 0)です。