カラースキームクリエーターとは?

カラースキームクリエーターは、カラーセオリーのルールに基づいてベースカラーから完全なカラーパレットを生成するツールです。モノクロマティック・補色・トライアド・テトラード・類似色スキームを選んで各スウォッチを調整し、CSS変数・Tailwind設定またはHEXコードでエクスポートできます。

使い方

  1. カラーピッカーでベースカラーを選ぶか、16進コードを入力します。
  2. スキームの種類(モノクロ・補色・トライアド・類似色・テトラード)を選択してパレットを生成します。
  3. 個々のHEXコードをコピーするか、CSS変数としてパレット全体をエクスポートするか、スウォッチ画像としてダウンロードします。

結果

ウェブ開発者がブランドのプライマリブルー(#3B82F6)を使ってトライアドスキームを生成し、補完的なオレンジとグリーンのトーンを作成してCSSカスタムプロパティとしてデザインシステムにエクスポートしました。

関連ツール