ブランディングに適した色合い/色合いを選択するにはどうすればよいですか?


7

調和色パレットを選択するための色理論的な方法(例:ブランド化)についてはたくさん読んだことがありますが、対応する色合いや色合いを選択する方法についてはいつも疑問に思いました(たとえば、Googleのマテリアルデザインのカラーパレットを参照してください)。

色の調和を失うことなく(特に、元の色と別の色のバリエーションの間で)元の色の暗い部分と明るい部分を選択する適切な方法はありますか?

回答:


4

これがHSBカラーモデルの目的です。HSBは色を値Hue(H)または色タイプに分割します。Saturation(S)または(逆)色の白の量; そしてBrightness黒色の(B)、(逆)量。

ここに画像の説明を入力してください

色相は度で表され、0°は赤、180°はシアンです。

彩度と明るさはパーセントで表されます。彩度0%は白ではなく色なし、100%は白ではなく色のみです。明るさが0%の場合はすべて黒、明るさ100%の場合は黒が混ざりません。

現在の設計プログラムには、HSB(またはHSV)モデルを含むカラーピッカーがあります。代替が必要な色を選択し、そのS値とB値で遊んでください。経験則として、明るい色の場合は彩度を下げ、暗い色の場合は明るさを下げます。

これらすべてのバリアントは、ベースカラーと自然に調和します。

HSBモデルは、Hの少数の値のみを使用し、SとBを使用してそれらのバリアントを作成することで、カラーパレット全体を構築するための優れたベースです。 SとBを変更して作成したものも、互いに調和します。


回答ありがとうございます、Vincent!私はHSBモデルとあなたが説明する方法を知っています。しかし、そのようにして生成された色は、パレットからの他の色とも調和しますか(使用されている基本色にかかわらず)?
16

@lastschrift Hを変更しない場合、SとBを変更して作成した色は調和します。パレット作成の背後にある科学/芸術は、使用するHの適​​切ないくつかの値を選択する方法です。その方法を説明するのは、このサイトのフォーマットには長すぎます。
Vincent

生成された色が、使用されている基本色と調和することを知っています。あなたは私の質問を正しく理解しなかったと思います。対応するH値(黄色、オレンジ、マゼンタ)を既に選択しているとしましょう。次に、使用したベースカラー(イエロー)だけでなく、他のベースカラー(オレンジとマゼンタ)とも調和するイエローの色合いと色合いを生成します。
2016

ベースH値を正しく選択すると、ベースカラーが調和します。そうした場合、SとBで作成されたすべての代替案は、互いに調和します。
ヴィンセント

すばらしい、それが私のポイントでした!ありがとう、ヴィンセント。
7
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.