Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

白の配色パターン

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)
  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ