mamohoのHP作成講座

mamohoのHP作成講座

YELLOW その 1

● Yellow (1)

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

◆ 背景色を薄い黄色に

薄めの 黄色系の背景に文字をのせてみました
左の背景色 #ffffcc中の背景色 #ffff66
右の背景色 #eaff93

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

結構 いろいろな色に合いますね白の背景と同じように 薄い文字色だと見えづらいと思います

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

やや濃い目の黄色系に 文字をのせてみました
左の背景色  #ffff60中の背景色  ##ffd555
右の背景色  ##d9de74

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

上の 背景色と 同じ文字色で書いてありますいろんな色に合いますので 使いやすいと思います

◆ 背景色を 濃い黄色系に

濃い黄色系の配色に 薄めの文字色をいれてみました
左の背景色 #848628中の背景色 #846d31
右の背景色 #616921

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

やはり 濃い背景色には 薄い文字色がいいと思いますいろんな色を試してみて 見やすい色を探してみましょう



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