文字色と背景色の組み合わせに悩んだ時のおすすめツール

1. はじめに

デザイン制作をしていると、色の組み合わせで悩むことはよくあります。おしゃれな配色パターンを紹介する本や記事もたくさんありますが、その中から自分が作っているデザインのコンセプトカラーに合ったパターンを探して比較するのは結構な手間だったりします。今回紹介するGradients.app（グラデーションズアップ）は、自分で設定した色を基準にして、その色に合う色をランダムで生成してくれます。例えば、ロゴカラーや製品のキーカラーを設定して、それに合う色のパターンを瞬時に試すことができるので、自分がよく使う色パターンとは違った組み合わせを見つけることができます。

2. Gradients.appの使い方

Gradients.appの文字色と背景色の組み合わせジェネレーターにアクセスします。
URL: https://gradients.app/ja/newlegibility
このツールはログインなしの無料で使うことができます。使い方はとてもシンプルです。

左側のテキストカラーをクリックして設定します。自分のデザインのコンセプトカラーやキーカラーを選びましょう。

背景色の「ランダムカラー」をクリックします。すると、テキストカラーにマッチする背景色を提案してくれます。クリックする度に色が変わるので、イメージに合った色をこれで見つけます。設定の上下にある色見本で実際の雰囲気が確認できます。気に入ったカラーコードのパターンはメモしておいて、実際の自分のデザインで反映します。

3. まとめ

このツールの優れたポイントは、やはり基準色を自分で設定できる点です。自分の辞書にない色の組み合わせを見つけるのに非常に役立ちますので、ぜひ実際に試してみてください。