カラーパレットジェネレーター

ベースカラーから調和のとれたカラーパレットを生成 — 補色、類似色、トライアド、スプリットコンプリメンタリーに対応。

スタジオ · ニュートラル環境
5

機能

Complementary colors
Analogous colors
Triadic scheme
Split-complementary
CSS variable export

使い方

1. ベースカラーと配色スキームを選ぶと、ステージにパレットが並びます。

2. スペースキー(またはシャッフル)でバリエーションを試せます。列にカーソルを合わせると、コピー・編集・明暗ステップの展開・ロックができます。

3. ステージの下地(白 / グレー / ダーク / 市松)を切り替えて配色を確認し、CSS・Tailwind・JSON・SVG・PNG 形式でエクスポートできます。

よくある質問

What is a complementary color?
A complementary color is the color directly opposite another on the color wheel, creating maximum contrast.

関連ツール