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