カラーパレット生成

配色理論は、色相環を基にした色の組み合わせルールです。補色（正反対の色）、三角配色（120度ずつ離れた3色）、類似色（隣接する色）などのパターンがあり、視覚的に調和のとれた色の組み合わせを作ることができます。

一般的には3〜5色が推奨されます。メインカラー1色、アクセントカラー1〜2色、背景色・テキスト色で構成するのが基本です。色数が多すぎると視覚的に散漫になります。

各色のHEX値をコピーし、CSSのカスタムプロパティ（CSS変数）として定義すると便利です。例：--color-primary: #3B82F6; のように設定できます。

WCAG基準では、テキストと背景のコントラスト比が4.5:1以上（通常テキスト）必要です。生成したパレットの明度差を確認し、十分なコントラストを確保してください。

モノクロ配色は、同じ色相の明度や彩度を変化させた配色です。統一感のある落ち着いたデザインや、ブランドカラーのグラデーション作成に適しています。