色空間におけるHSL、HSV、HSBの違いは何ですか？
What Is Difference Between Hsl
著者：ビッグウェイチェン
リンク：https：//www.zhihu.com/question/22077462/answer/29483467
出典：知乎
著作権は作者に帰属します。商業的複製の場合は著者に連絡して許可を求め、非商業的複製の場合は出典を示してください。
これらは、特に紛らわしいいくつかの概念です。
RGBは機械に優しいカラーモードですが、色の理解はしばしば「何色ですか？」であるため、ユーザーフレンドリーではありません。明るいかどうか？明るいか暗いか？」 HSLモードとHSV（HSB）はどちらもRGBに基づいており、より便利で使いやすい方法として作成されました。- HSBは、色相、彩度、明るさ、
- HSLは、色相、彩度、明るさ、
- HSVは、色相、彩度、明度です。
HSBとHSVは同じですが、名前が異なり、HSLにはいくつかの微妙な違いがあります。
- すべての場合において、H（色相）は色相を表し、S（彩度）は彩度を表します。色相（hue）は、0〜360°の範囲の中心角を指し、各角度は色を表すことができます。 BはHSBモードでの明るさを意味し、VはHSVでの値ですが、それは1つのことを表します。それは光の量または光源のパワーの知覚です。色相と明度（値）は、0-1または0％-100％の間の値を取ることができます。
- HSLは少し異なります。色相（色相）はHSB / HSVモードのように数値で表されますが、Sは「彩度」の略であり、定義が異なり、変換が必要です。 Lは明るさを表し、明るさ/値とは異なります。明るさは考慮される光の量であり、任意の色にすることができます。
- 明度は白の量として理解されます。どちらのモデルでも、明度または明るさの定義に合うように彩度がスケーリングされるため、彩度は異なります。
2つの違いとそれらの間の飽和の定義。ケースを見てみましょう、最初に同じ色を選択してください＃f200ff
- HSLカラーピッカーを配置し、HSL値を次のように表示します：H（297）、S（100）、L（50）
- しかし、Sketchを見てみましょう。表示されるHSB値は、H（297）、S（100）、B（100）です。
同様に、CSSはHSBではなくHSLをサポートしていることを思い出してください。 HSB値を直接適用しないでください。適用すると、色が異なる場合があります。 HSLとHSBのどちらがマンマシンインターフェースに適しているかについては議論の余地がありますが、実際のアプリケーションの違いは上記の例と同じです。見てください：
カラーモデル：RGB、HSV、HSL