白の配色パターン
Web配色パターン
白は「軽い色」で「無彩色」です。要素配置や有彩色の使い方がポイントです。白は「無」の情報、ホワイトスペースという意識をもち、白を基調にすると無垢で清潔感のあるイメージになります。
最新Web配色パターン
3色
無彩色で
フォーマルな印象
| FFFFFF (255.255.255) |
| 999999
(153.153.153) |
| 333333
(51.51.51) |
|
明視度が高い
目を引く組み合わせ
| FFFFFF (255.255.255) |
| FFCC00
(255.204.0) |
| 000000 (0.0.0) |
|
内省的な印象を
付加したパターン
| FFFFFF (255.255.255) |
| FFCC00 (255.204.0) |
| 333399
(51.51.153) |
|
4色
青みを足した
クールグレー
| FFFFFF (255.255.255) |
| CCCCCC
(204.204.204) |
| 999999
(153.153.153) |
| 003366
(0.51.102) |
|
対比効果によって
目立たせる表現
| FFFFFF (255.255.255) |
| FFCC00
(255.204.0) |
| FF0000 (255.0.0) |
| 000000 (0.0.0) |
|
クールで
清涼感のある色合い
| FFFFFF (255.255.255) |
| 0099CC
(0.153.204) |
| 006699
(0.102.153) |
| 000000 (0.0.0) |
|
5色
明度差を抑えた
グレーの色調
| FFFFFF (255.255.255) |
| CCCCCC
(204.204.204) |
| 999999
(153.153.153) |
| 666666
(102.102.102) |
| 222222
(34.34.34) |
|
生命や自然を
象徴するイメージ
| FFFFFF (255.255.255) |
| FFCC00
(255.204.0) |
| 66CC33
(102.204.51) |
| 006633
(0.102.51) |
| 222222
(34.34.34) |
|
白を基調にした
カラフルな演出
| FFFFFF (255.255.255) |
| FFCC00
(255.204.0) |
| FF0033
(255.0.51) |
| 66CC33
(102.204.51) |
| 006699
(0.102.153) |
|
コメント
▲このページのトップへ
