Color Palette Generator — 配色ルールからCSSを生成

新しいWebデザインツール Color Palette Generator(カラーパレットジェネレーター) を追加しました。

基準色を選ぶだけで、配色ルールに沿ったカラーパレットを自動生成。生成した色はCSS Custom Properties(:root変数)としてそのままコピペで使えます。

主な機能

  • カラーピッカーまたはHEX入力で基準色を指定
  • ランダム生成ボタンでインスピレーションを得ることも
  • 配色ルール4種から選択:類似色 / 補色 / トライアド / スプリット / モノクロ
  • 各色のコントラスト比(W/B)を表示
  • CSS Custom Propertiesとしてワンクリックでコピー

▶ Color Palette Generator を使ってみる