配色を生成
カラーパレット生成
類似色、補色、トライアドの5色配色を生成し、HEXコピーやカラーカード保存。
生成結果は出発点です。ブランド、印刷、アクセシビリティは実際の場面で検証してください
配色関係
色どうしの関係から始める
この配色は共通の色相関係からできています。
コピーできるスウォッチ
共通のトーンを持つ色
カラーカードを書き出す配色全体を透かしなしの共有カードに配置します。
方法と制限
共通の色相関係で、ランダムな色をひとつの組に
類似色は色相環で近く統一感があり、補色は約180°離れて明確な対比を作り、トライアドは約120°間隔で活気ある均衡を作ります。
彩度と明度も少し変え、色相だけを機械的にずらしません。ムードボードの出発点であり、実画面のコントラスト確認の代わりではありません。
基準色相を生成し、選択関係の固定角度を加え、彩度と明度を制限範囲で変化させます。
よくある質問
カラーパレット生成 · よくある質問
初心者に向く関係は？
類似色が最も統一しやすく、最暗色を文字、最明色を背景に使えます。
そのままブランド色にできますか？
出発点にはできますが、画面、印刷、明暗背景、アクセシビリティ、既存ブランドとの衝突を確認してください。
AI生成ですか？
いいえ。公開された説明可能なHSL色相関係とランダムな基準色を使います。