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

調和のとれた配色を生成

使い方:

CSS変数

:root {
  --color-1: #b2e994;
  --color-2: #35aa99;
  --color-3: #c1fcb9;
  --color-4: #bed0ed;
  --color-5: #65345b;
}

使い方

補色とは？

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

良い配色の選び方は？

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