グレースケールで色数を限定する場合にどの濃さのグレーを使うと良さげか
2020-10-05-1
[Design]
漫画でよく使われるグレースケールのパターンの話。
このページ、数字と実例が載っていてとてもありがたいです。
漫画だけじゃなくウェブページのデザインでも参考になる!
ということで、自分で活用できるように整理しました。
あとで自サイトで使う。
このページ、数字と実例が載っていてとてもありがたいです。
漫画だけじゃなくウェブページのデザインでも参考になる!
ということで、自分で活用できるように整理しました。
黒の割合 | 0〜255 | カラーコード | サンプル |
---|---|---|---|
0% | 255 | #FFFFFF | (●) |
10% | 230 | #E6E6E6 | ● |
20% | 204 | #CCCCCC | ● |
30% | 178 | #B2B2B2 | ● |
40% | 153 | #999999 | ● |
50% | 128 | #808080 | ● |
60% | 102 | #666666 | ● |
70% | 77 | #4D4D4D | ● |
80% | 51 | #333333 | ● |
90% | 25 | #191919 | ● |
100% | 0 | #000000 | ● |
0% | 10% | 20% | 30% | 40% | 50% | 60% | 70% | 80% | 90% | 100% | |
---|---|---|---|---|---|---|---|---|---|---|---|
グレー1色 | (●) | ● | ● | ||||||||
グレー2色 | (●) | ● | ● | ● | |||||||
グレー2色 | (●) | ● | ● | ● | |||||||
グレー3色 | (●) | ● | ● | ● | ● | ||||||
グレー3色 | (●) | ● | ● | ● | ● | ||||||
グレー4色 | (●) | ● | ● | ● | ● | ● | |||||
グレー5色 | (●) | ● | ● | ● | ● | ● | ● |
あとで自サイトで使う。