暖かく、クールでニュートラルなカラーパレットであなたのサイトの雰囲気を設定する
デザインの気分を変える最善の方法の1つは、 配色を変えることです。 しかし、あなたが気分に影響を与えるために色を使用する場合、それは色の家族を理解するのに役立ちます。 カラーファミリは、 カラーホイールを3つのタイプのカラーに単純に分割したものです。
- 暖かい色
- クールな色
- ニュートラルカラー
3つのファミリーすべての色を使用するデザインを持つことは可能ですが、ほとんどのデザインは暖かさ、涼しさ、または中立性の全体的な感触を持っています。
暖かい色
暖かい色には、赤、オレンジ、黄色の色合いとそれらの色のバリエーションがあります。 彼らは暖かい色と呼ばれ、太陽の光と暖かさの感覚を呼び起こす。 暖かい色を使用するデザインは、活気を与えて盛り上がる傾向があります。 彼らはほとんどの人に情熱と肯定的な感情を暗示します。
暖色は、赤と黄の2色だけで作成されます。 これらは原色で、オレンジ色になります。 あなたは色を混ぜるときに暖かいパレットでクールな色を使用しません。
文化的には、暖かい色は創造性、祝賀、情熱、希望、そして成功の色になりがちです。
クールな色
クールな色には、緑色、青色、紫色の色合いとその色のバリエーションがあります。 彼らは水、森林(木)と夜の感覚を呼び起こすので、クールな色と呼ばれています。 彼らは、リラックスした気分、穏やかな気分、そして予備の気持ちを引き出します。 よりクールな色を使用するデザインは、よりプロフェッショナルで安定したビジネス上のものと見なされます。
暖かい色とは異なり、クールな色の中には、青色の原色が1つしかありません。 だから、パレットに他の色を入れるには、赤と黄色を混ぜて緑と紫色にする必要があります。 これは、純粋なクールな色である青色よりも緑色と紫色を暖かくします。
文化的には、涼しい色は自然の色、悲しみ、嘆きの傾向があります。
ニュートラルカラー
ニュートラルカラーは、3つの原色をすべて組み合わせて茶色にし、2つのカラーを残りの色:白と黒で組み合わせた色です。 色が濁ったり灰色になるほどニュートラルになります。 ニュートラルなデザインは、暖かく、クールな色から生まれたものだから、定義するのが最も難しいです。 黒と白のデザインはよりエレガントで洗練されているように見える傾向があります。 しかし、これらの色は非常に控えめなので、効果的なデザインを作成するのは非常に難しいことがあります。
ニュートラルパレットを作成するには、3つの原色をすべて混合して茶色と灰色を混ぜるか、暖色または鮮やかな色に白を加えたり、色を濃くしたりします。
文化的には、白黒はしばしば死を象徴し、西洋文化では白もまた花嫁と平和を表します。
カラーファミリーの使用
あなたのデザインで気分を呼び起こそうとしているなら、カラーファミリーがあなたのデザインを手助けすることができます。 これをテストする1つの良い方法は、3つのファミリに3つの異なるパレットを作成し、3つすべてを使用してデザインを比較することです。 カラーファミリーを変更すると、ページのトーン全体が変化することがあります。
さまざまなカラーファミリーで使用できるサンプルパレットの例を次に示します。
暖かい
- #cc333F、#eb6841、#edc951
- #ffd573、#ff773d、#f73e3e
- #ffe545、#fefbaf、#c2a34f、#fbb829
- #ffab03、#fc7f03、#fc3903、#d1024e
クール
- #69d2e7、#a7dbd8、#e0e4cc
- #2a044a、#0b2e59、#0d6759、#7ab317、#a0c55f
- #8ca315、#5191c1、#1e6495、#0a4b75
- #8fbfb9、#6493a7、#bddb88、#e0f3b2、#eefaa8
中性
- #d9ceb2、#948c75、#d5ded9、#7a6a53、#99b2b7
- #e6cba5、#ede3b4、#8b9e9b、#bd7578
- #d8d0c8、#d2d0c8、#cbd0c8、#c4d0c8
- #182009、#464b35、#757661、#d1ccb9