HSL → RGB 計算例 CSS Color Module Level 3 ／ HSL 206.6, 89.7, 54.1 → RGB 33, 150, 243

単位

HSL 206.6°, 89.7％, 54.1％
RGB 33/255, 150/255, 243/255

---

0.m2を求める

54.1/100>0.5
・m2=54.1/100+ 89.7/100-54.1/100*89.7/100≒0.952723

---

1.m1を求める

・m1=54.1/100*2-(54.1/100+ 89.7/100-54.1/100*89.7/100)≒0.129277

---

2.Rを求める

h=h+1/3
・h=206.6/360+1/3≒0.90722222222

h*6<1
h*2<1
h*3<2
・何れの条件にも当てはまらない

RETURN m1
・(54.1/100*2-(54.1/100+ 89.7/100-54.1/100*89.7/100))*255≒32.965635
→ 33

---

3.Gを求める

h=h
・h=206.6/360≒0.57388888888

h*3<2
・RETURN m1+(m2-m1)*(2/3-h)*6
・RETURN (0.129277+(0.952723-0.129277)*(2/3-206.6/360)*6)*255≒149.8537947
→ 150
((54.1/100*2-(54.1/100+ 89.7/100-54.1/100*89.7/100))+((54.1/100+ 89.7/100-54.1/100*89.7/100)-(54.1/100*2-(54.1/100+ 89.7/100-54.1/100*89.7/100)))*(2/3-206.6/360)*6)*255≒149.8537947
→ 150

---

4.Bを求める

h=h-1/3
・h=206.6/360-1/3≒0.24055555555

h*2<1
・RETURN m2
・RETURN m2=(54.1/100+ 89.7/100-54.1/100*89.7/100)*255≒242.944365
→ 243