AZ Tools

カラーハーモニージェネレーター

カラー

HSL カラーホイールの周りで色相を回転させ、画家と UI デザイナーが手を伸ばす 7 つのパレットを生成する。16 進数を投入すると、マッチするトーンが得られる — ブランドカラーがあってチャートパレット、CTA 用のアクセント、または背景用の落ち着いたアナロガスストリップが必要なときに便利。数学は HSL で維持されるため、すべてのハーモニーがベースと同じ彩度と明度を保持する、ただしモノクロマティックは意図的に明度を上下にシフトする。

色相: 217°彩度: 91%明度: 60%
スウォッチ
#3B82F6
#F6AF3B

色相回転は HSL で行われる、これは高速だが知覚的にむら。知覚的パレットには OKLCH ピッカーを試す。

使い方

  1. ブランドまたはアンカーの 16 進数をベースフィールドに貼り付ける(またはカラーピッカーを使用する)。
  2. ユースケースに合うハーモニーを選ぶ — 落ち着いた背景にはアナロガス、鮮やかなコントラストにはトライアド。
  3. 個別の 16 進コードまたは全体のカンマ区切りリストをコピーする。

よくある質問

チャートパレットにはどのハーモニーが安全?
トライアドまたはスプリット補色 — 3 つほどの十分に間隔の開いた色相で、ほとんどの視聴者にとって区別可能なまま。アクセントペアを超えるものには純粋な補色(2 色のみ)を避ける。
なぜモノクロマティックは 5 色を提供する?
モノクロマティックは色相回転ではなく明度スケール。5 ステップ(−30%、−15%、ベース、+15%、+30%)が一般的な妥協 — ベースカラーを失わずに十分な変動。

関連ツール