コンテンツにスキップ
🎨

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

ベースカラーからカラーパレットを生成: モノクロマティック、類似色、補色、トライアド、テトラッド。CSS または JSON にエクスポート。

カラー調和とは?

カラー調和は、色相環上の数学的関係です。類似色は隣接色を選びます (まとまりがあり、穏やか)。補色は反対色を使います (高コントラスト)。トライアドは等間隔の3色を選びます (鮮やか)。テトラッドは4色を選びます (豊かだがバランスが難しい)。このツールは HSL 空間で色相回転を計算します。

調和の説明

  • モノクロマティック — 同じ色相、明るさが変動。
  • 類似色 — 色相環上の3つの隣接色。
  • 補色 — 反対の色相。
  • トライアド / テトラッド — 等間隔の3または4色相。

一般的な用途

  • ブランドアイデンティティ — 主色からパレットを派生。
  • UI デザイン — 一貫したアクセントカラーを生成。
  • イラストレーション — レイヤー化されたアートワークの調和を選択。
  • データ可視化 — 区別可能なカテゴリーカラーを作成。

プライバシー

すべての生成はブラウザ内で100%実行されます。データはサーバーに送信されません。