「この色に合う色が分からない」「資料やデザインの配色を、感覚ではなくきちんとした色の組み合わせで決めたい」というときに使う配色ジェネレーターです。基準にしたい色をカラーピッカーか HEX（例 #3b82f6）で1つ指定すると、色彩理論（色相環）にもとづいて相性のよい配色を自動で導き出します。選べる配色は、反対側の色で締める補色（2色）、となり合う色でまとめる類似色（5色）、色相環を3等分するトライアド（3色）、4等分するテトラード（4色）、補色を2つに割ったスプリット補色（3色）、明るさだけを変える同系色・モノクロ（5色）の6種類。配色タイプを切り替えると結果が即座に入れ替わるので、見比べながら「2色の組み合わせ」「3色の組み合わせ」「4色の組み合わせ」を選べます。各色は大きなスウォッチで表示され、クリックすればその HEX コードがコピーされ、「全部コピー」で配色全体の HEX 一覧をまとめてコピーできます。Web サイト・パワポ資料・バナー・ロゴ・アイコンの配色決めや、グラデーションの元になる色選びに。色の指定や生成はすべてあなたのブラウザ内だけで処理し、選んだ色をサーバーへアップロード・保存・送信することは一切ありません。決めた色はそのまま当サイトの CSS グラデーションツールやカラーコード変換に持ち込めます。