2017.2.7
2020.1.7

HSLカラーリスト

最近、HSLカラーを扱う機会が有ったのですが、慣れていないので設定値によってどんな色になるかまだはっきりとしていないので、ざっと分かるようなリストを作ってみました。

HSLカラーリスト

下記のリストは彩度(Saturation)を100に固定して、行を色相(Hue)、列を明度(Lightness)で表したものになります。

h/l
10
20
30
40
50
60
70
80
90
0
20
40
60
80
100
120
140
160
180
200
220
240
260
280
300
320
340

以下は色相を0、彩度を0に固定して、明度の変化で白黒を表したものです。

0
10
20
30
40
50
60
70
80
90
100

もっと細かく確認したい場合は、以下のサイトを参考にするとよさげです。

HSL Color Picker - by Brandon Mathis

CSS】関連記事