カラースキームクリエーターとは?
カラースキームクリエーターは、カラーセオリーのルールに基づいてベースカラーから完全なカラーパレットを生成するツールです。モノクロマティック・補色・トライアド・テトラード・類似色スキームを選んで各スウォッチを調整し、CSS変数・Tailwind設定またはHEXコードでエクスポートできます。
使い方
- カラーピッカーでベースカラーを選ぶか、16進コードを入力します。
- スキームの種類(モノクロ・補色・トライアド・類似色・テトラード)を選択してパレットを生成します。
- 個々のHEXコードをコピーするか、CSS変数としてパレット全体をエクスポートするか、スウォッチ画像としてダウンロードします。
結果
ウェブ開発者がブランドのプライマリブルー(#3B82F6)を使ってトライアドスキームを生成し、補完的なオレンジとグリーンのトーンを作成してCSSカスタムプロパティとしてデザインシステムにエクスポートしました。