mamohoのHP作成講座

mamohoのHP作成講座

Blue その1

● BLUE (1)

青系の配色について考えてみましょう今回は 背景色にしてみた場合のお話です

◆ 背景色を薄い青系に

薄めの 青系の背景に文字をのせてみました
左の背景色 #e6f7ff中の背景色 #e3fbfd
右の背景色 #e8e9ff

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

結構 いろいろな色に合いますね薄い背景は 涼しい印象をあたえます

◆ 背景色をやや濃い目の青系に

やや濃い目の青系に 文字をのせてみました
左の背景色  #bee4f1中の背景色  #b4d7f5
右の背景色  #d9d7fb

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

上の背景色と 同じ文字色で書いてありますすっきりとしたクールなイメージですね

◆ 背景色を 濃い青系に

濃い青系の配色に 薄めの文字色をいれてみました
左の背景色 #163545中の背景色 #1f2f8b
右の背景色 #32207b

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

濃い青系の色は かっちりとした印象をあたえますビジネスページ 企業ページにはもってこいかも



© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: