web-dev-qa-db-ja.com

RGBaではHSLaをいつ使用しますか? HSLaのメリットは何ですか?

CSS3で色を指定するためのHSLa形式について最近知りました。 RGBaではHSLaをいつ使用しますか?

これについて簡単に説明する2つの記事を次に示します。

10
Alan Le

CSSに固有ではありません。つまり、HSLまたはRGBで1つの色を指定するかどうかは一般的にそれほど重要ではありません。重要なのは、色値を補間する必要があるかどうかです。HSLで赤から緑に変化する方がはるかに予測可能です。 RGBよりも。そして、あなたは色の知覚される明るさを変えることなくそれを行うことができます。これは、色を変更する必要があるときはいつでも役立つことを意味します(フェード、グラデーション...)

また、HSL/HSBで色を選択するのも簡単です(これらは2つのわずかに異なる色モデルです)。表示されているフォトショップカラーピッカーはHSBカラーピッカーです。左側のバーでHを選択し、カラーパッチの横軸でSを選択し、縦軸でBを選択します。

13

Jon Hicksは、デザイナーの観点から、特に色を見る能力に関して、HSLに興味深い見方をしていると思いました。

最後に、数字を使用して色を選択することができ、色相がスケールのどこに位置するかを知ったら、私は離れていました! CSSだけでなく、私の作業時間の85%はIllustratorで費やされ、アイコン、ロゴ、またはイラストを作成しています。

Hue、Saturation、Lightness is the post on The Hickensian

2
abennoschmidt

HSLは値を変更する必要がある状況に最適ですが、RGBは業界標準であり、最も互換性があります。 HSLで明るさや色を変更するには、RGBを使用するよりも簡単なJavaScript関数が必要です。

2
Thomas Hunter

まったくそうではありません。 IEはサポートしておらず、フォールバックを指定していますか?真剣に?理由もなく同じ色の宣言が2回あります。

Kulerを提供する必要がある場合(つまり、アルゴリズムに基づいて動的なカラースキームを生成する場合)は、サーバー側で行うか、必要に応じてJSを介して行うのが理想的です。ただし、テーブルに何ももたらさないため、これを使用する必要はありません。

0
Camilo Martin