332299 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

mamohoのHP作成講座

mamohoのHP作成講座

Green その1

● GREEN (1)

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

◆ 背景色を薄い緑系に

薄めの 緑系の背景に文字をのせてみました
左の背景色 #fbfff0
中の背景色 #e8ffe6
右の背景色 #e8fff1

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

これも結構 いろいろな色に合いますね
薄い背景は フレッシュな印象をあたえます

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

やや濃い目の緑系に 文字をのせてみました
左の背景色  #cdec7b
中の背景色  #a8eda0
右の背景色  #a5f8c1

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

上の背景色と 同じ文字色で書いてあります
ほのぼのとした ナチュラルなイメージですね

◆ 背景色を 濃い緑系に

濃い緑系の配色に 薄めの文字色をいれてみました
左の背景色 #374a11
中の背景色 #228822
右の背景色 #24774e

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

濃い緑系の色は 伝統 格調 といった知的なイメージをあたえます
緑は全体的に目に優しいので 扱いやすく 見た目にも安心感がありますね



© Rakuten Group, Inc.