グレースケールで色数を限定する場合にどの濃さのグレーを使うと良さげか
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色 | (●) | ● | ● | ● | ● | ● | ● |
あとで自サイトで使う。
