配色_


配色

配色は、カラーホイール上の色の論理的な組み合わせです。

配色の目的は、スタイルと魅力の美的感覚を作り出すことです。

カラーウィール

アクロマティック配色

白地に黒のテキスト。

黒の背景に白のテキスト。

白地に黒の無彩色の配色は、Webページのデフォルトの配色です。

小型のデバイスでは、白地に黒の無彩色の配色が好まれることがよくあります。

黒地に白は、ほとんどのディスプレイ技術で必要なエネルギーが少なくて済みます(バッテリー寿命が向上します)。


単色カラースキーム

単色カラースキーム

単色の配色は、1色しか使用しないため、簡単に作成できます。

単色スキームは、カラーホイールの同じ角度(同じ色相)から異なるトーンを使用します

単色配色ジェネレーターを使用して、実験して詳細を確認してください


類似の配色

類似の配色

Analogous color schemes are also easy to create.

Analogous color schemes are created by using colors that are next to each other on the color wheel.

Experiment and learn more using our Analogous Color Scheme Generator.


Complementary Color Schemes

補色配色

Complementary schemes are created by combining colors from opposite sides of the color wheel.

Experiment and learn more using our Complementary Color Scheme Generator.


Triadic

トライアドカラースキーム

Triadic schemes are made up of hues equally spaced around color wheel.

Experiment and learn more using our Triadic Color Scheme Generator.


Compound (aka Split Complementary) Color Scheme

複合配色

Compound schemes are almost the same as complementary schemes.

Instead of using colors that are opposites, it uses colors on both sides of the opposite hue.

Experiment and learn more using Compound Color Scheme Generator.