Color Palette Generator — 配色ルールからCSSを生成
新しいWebデザインツール Color Palette Generator(カラーパレットジェネレーター) を追加しました。
![]()
基準色を選ぶだけで、配色ルールに沿ったカラーパレットを自動生成。生成した色はCSS Custom Properties(:root変数)としてそのままコピペで使えます。
主な機能
- カラーピッカーまたはHEX入力で基準色を指定
- ランダム生成ボタンでインスピレーションを得ることも
- 配色ルール4種から選択:類似色 / 補色 / トライアド / スプリット / モノクロ
- 各色のコントラスト比(W/B)を表示
- CSS Custom Propertiesとしてワンクリックでコピー