カラーパレットジェネレーター
ベースカラーから調和のとれたカラーパレットを生成 — 補色、類似色、トライアド、スプリットコンプリメンタリーに対応。
スタジオ · ニュートラル環境
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.