配色パレットジェネレーター
1色選ぶだけで調和した5色パレットを自動生成。CSS変数コードをコピーしてすぐ使えます
- メインカラー--color-main#3b82f6rgb(59, 130, 246)
- 補色--color-complement#f6af3crgb(246, 175, 60)
- アナログ1--color-analog-1#523cf6rgb(82, 60, 246)
- アナログ2--color-analog-2#3ce0f6rgb(60, 224, 246)
- アクセント--color-accent#06327argb(6, 50, 122)
:root {
--color-main: #3b82f6;
--color-complement: #f6af3c;
--color-analog-1: #523cf6;
--color-analog-2: #3ce0f6;
--color-accent: #06327a;
}使い方
- カラーピッカー（🎨マーク）をクリックして好きな色を選ぶか、 プリセットのカラーボタンをクリックしよう。
- 5色パレットが即座に生成されるよ。 スウォッチの「📋 コピー」ボタンで1色ずつコピーできるし、
- 「📋 CSSをコピー」 ボタンで 5色すべてのCSS変数コードをコピーして、 自分のスタイルシートに貼り付けよう！