mamohoのHP作成講座

mamohoのHP作成講座

Red その1

● RED (1)

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

◆ 背景色を薄い赤に

薄めの 赤系の背景に文字をのせてみました
左の背景色 #fdf0ff中の背景色 #ffe6e8
右の背景色 #fcebf5

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

これも結構 いろいろな色に合いますね薄い背景は かわいいイメージで決めましょう

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

やや濃い目の赤系に 文字をのせてみました
左の背景色  #facdcd中の背景色  #f4d7b7
右の背景色  #eac1e7

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

上の背景色と 同じ文字色で書いてありますこのあたりになると やや派手目になりますね ゴージャスにいきましょう

◆ 背景色を 濃い赤系に

濃い赤系の配色に 薄めの文字色をいれてみました
左の背景色 #5b0000中の背景色 #ad12ba
右の背景色 #c43100

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

赤のトーンをおとして 落ち着いた感じに 青系がまざると 魅惑的 神秘的に
オレンジ系 赤茶系は 暖かいイメージに仕上がります
いろんな色を試してみて 見やすい色を探してみましょう



© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: