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

調和のとれた配色を生成

使い方:

CSS変数

:root {
  --color-1: #219d20;
  --color-2: #b48c9a;
  --color-3: #04be39;
  --color-4: #906d61;
  --color-5: #8424a5;
}

使い方

補色とは？

補色はカラーホイール上で反対側にある2つの色で、組み合わせると強いコントラスト効果を生み出します。

良い配色の選び方は？

60-30-10ルールをお勧めします：メインカラー60%、サブカラー30%、アクセントカラー10%。