デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer

Post on:2019年5月27日

sponsors

色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。

カラーのセンスがなくても、デザイン的に合った組み合わせが分かります。

Color Designerの使い方は、簡単です。
登録など、面倒なことも一切不要です。

まずは、ベースになるカラーを決めます。
基本7色のスウォッチ、カラーピッカー、16進数でカラー設定でき、画像にも対応予定です。

ベースになるカラーを決める

ブルーで試してみました。
生成したカラーパレットはURLも発行されるので、同じカラーパレットを何度でも利用できます。

生成されたカラーパレットを見てましょう。
ますは、ブルーの明るい色合い。上部のバーで、色合いの数を変更できます。

ブルーの明るい色合い

最近のUIデザインでは、同一色相のカラーを使用するケースが多いので、明るい色合いと暗い色合いは便利ですね。

ブルーの暗い色合い

色の組み合わせのセオリーもさまざまなものが用意されています

色の組み合わせ

プレゼンテーションモードにすることもできます。

プレゼンテーションモード