SofGate |
グラデーションは彩度を維持して調整する
色のグラデーションを作成する際に、明度調整(白:FFFFFFへの収束)では合わないと感じる場合は、彩度を維持して調整する方法を試してみましょう。 |
白:FFFFFFへのグラデーション(明度調整)に違和感を覚える事があります。
これは明るい部分が全部白に見える事は日常的に少ない事と関係しています。あまりに明るければ目を閉じますからね。
逆に、暗い部分が全部黒に見える事は誰しも経験したことがある事でしょう。試しに以下の例を比較してみてください。
どちらも計算上は数値差が似ている明度変化(白:FFFFFFと黒:000000への収束)なのですが、黒への変化が「暗くなった」と感じる事に対して、白への変化は「明るくなった」と言うよりも「薄くなった」と感じませんか?
5555AA | 55AAAA | 55AA55 | AAAA55 | AA5555 | AA55AA | AAAAAA |
7777BB | 77BBBB | 77BB77 | BBBB77 | BB7777 | BB77BB | BBBBBB |
9999CC | 99CCCC | 99CC99 | CCCC99 | CC9999 | CC99CC | CCCCCC |
BBBBDD | BBDDDD | BBDDBB | DDDDBB | DDBBBB | DDBBDD | DDDDDD |
DDDDEE | DDEEEE | DDEEDD | EEEEDD | EEDDDD | EEDDEE | EEEEEE |
FFFFFF | FFFFFF | FFFFFF | FFFFFF | FFFFFF | FFFFFF | FFFFFF |
5555AA | 55AAAA | 55AA55 | AAAA55 | AA5555 | AA55AA | AAAAAA |
444488 | 448888 | 448844 | 888844 | 884444 | 884488 | BBBBBB |
333366 | 336666 | 336633 | 666633 | 663333 | 663366 | CCCCCC |
222244 | 224444 | 224422 | 444422 | 442222 | 442244 | DDDDDD |
111122 | 112222 | 112211 | 222211 | 221111 | 221122 | EEEEEE |
000000 | 000000 | 000000 | 000000 | 000000 | 000000 | 000000 |
上例のように明度を変化させると色の特徴(彩度)がなくなるため、どちらも数値上は「色が薄くなった」のですが、このへんが人間の感覚の面白いところです。
難しい話は省略させて頂きますが、色の特徴(彩度)を保ったままのグラデーションが以下となりますので、比較してみてください。
000055 | 005555 | 005500 | 555500 | 550000 | 550055 | 555555 |
222277 | 227777 | 227722 | 777722 | 772222 | 772277 | 777777 |
444499 | 449999 | 449944 | 999944 | 994444 | 994499 | 999999 |
6666BB | 66BBBB | 66BB66 | BBBB66 | BB6666 | BB66BB | BBBBBB |
8888DD | 88DDDD | 88DD88 | DDDD88 | DD8888 | DD88DD | DDDDDD |
AAAAFF | AAFFFF | AAFFAA | FFFFAA | FFAAAA | FFAAFF | FFFFFF |
● HOME | ▲ PAGE TOP |