補色・類似色・トライアド関連色ジェネレーター

補色・類似色・トライアド 関連色ジェネレーター

補色・類似色・トライアド

関連色ジェネレーター

概要

ABOUT

指定された色を基準にして、組み合わせやすい関連色を計算するツールです。
色彩についての知識がなくても、無難な配色を作ることができます。

色選択

COLOR

指定色

REVERSE

補色

REVERSE

指定色に対して、反対の色相になる色です。
強調色として使用すると非常に目立ちますが、目立ちすぎて下品に感じられることもあります。

分裂補色

REVERSEB

指定色に対して、大きく色相をずらした色です。
強調色として使用すると非常に目立ちますが、補色ほどの悪目立ちはしません。

類似色

SIMILAR

指定色に対して、少しだけ色相をずらした色です。
指定色と組み合わせて使用したときに、安定感があり、自然に感じられます。

トライアド

TRIAD

指定色に対して、色相を３分の１ずつずらした色です。
指定色と組み合わせて使用したときに、自然に感じられながらも、類似色より識別しやすくなります。

レイアウト例

LAYOUT

指定色をヘッダー色として、右上のボタンは目立つ分裂補色に、各項目のヘッダーは自然なトライアド、
にした場合のウェブサイトのイメージです。