プロが教えるわが家の防犯対策術!

HSLからRGBへ変換するに辺り、(単位を揃えれば)下記何れの計算式でも、期待した結果を取得できたのですが、両者の計算式の違いが分かりません

・Wikiの方は360°.100%,100%だと思うのですが、
・css3-colorの方は「0..1に正規化されています」と書いてあるので、意味合い的にはWikiの方が正しいのでしょうか?

公式と言えばどちらが該当?
・単位が違うだけで、結局は同じことをしているのでしょうか?


https://ja.wikipedia.org/wiki/HLS%E8%89%B2%E7%A9 …
https://www.w3.org/TR/css3-color/#hsl-color

A 回答 (1件)

見た目が違うだけで、計算内容は同じです。



・Hueに 度を使うか、0..1 を使うかによって、 60°,180° 等の値が 1/6,1/2 等となっているだけです。
・Wikipediaの式にある絶対値を、 |x|=x (x≧0) ,-x(x<0) という場合分けをして展開すれば、CSSの式になります。
・WikipediaにあるHueによる細かい場合分けは、よく見ると、R,G,Bが120°ずつずれたものだとわかります。
 CSSでは、1/3(120°)ずらしたhを使って、その後の場合分けを共通にしています。
    • good
    • 0
この回答へのお礼

・回答ありがとうございました

>Wikipediaの式にある絶対値を、 |x|=x (x≧0) ,-x(x<0) という場合分けをして展開すれば、CSSの式になります
・大変参考になりました

お礼日時:2016/05/22 08:41

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!