🎨カラーパレット生成 (調和規則)
色彩調和規則(モノ・類似・補色・三角・四角)で5色パレットを一度に生成。クリックでHEXコードをコピー。デザイン初期の色決め、ブランドカラー候補探索、発表資料・ブログのデザインによく使われます。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 1調和規則を選択します(ランダム/モノ/類似/補色/三角/四角)。
- 2新しいパレット生成ボタンで気に入るまで繰り返します。
- 3希望の色をクリックしてHEXコードをコピーします。
よくある質問
各モードの意味?+
モノクロ:1色の明度変化。類似色:色相環30度以内。補色:正反対の色。三角:120度間隔。四角:90度間隔。
最も安全な組み合わせは?+
類似色が無難で柔らかい。補色は強調効果が良いが間違えるとダサくなります。三角・四角はバランスのとれた多彩なデザインに適しています。
Adobe Colorとの比較?+
Adobe Colorはより精緻なコントロール・画像ベース抽出などがありますが登録必要。当ツールは速いインスピレーション用で登録不要で即利用可能。
既存のブランドカラーに合うパレット?+
当ツールはランダム生成なので特定のベースカラー指定機能は別途。その色を抽出するには[画像から色パレット抽出]ツールを併用してください。
アクセシビリティ(WCAG)も考慮?+
当ツールは美的調和中心です。文字・背景のコントラスト検査が必要なら[WCAGカラーコントラストチェック]を併用してください。
結果をCSS変数にするには?+
コピーしたHEXを:root { --color-1: #...; }で変数化すればサイト全体に一貫適用可能です。