カラーパレットジェネレーター
色彩理論を使用してベースカラーから調和のとれたカラーパレットを生成。
:root {
--palette-1: #3b82f6;
--palette-2: #f6af3c;
}| ペア | 比率 | WCAG AA |
|---|---|---|
#3b82f6/#f6af3c | 1.95:1 | 不合格 |
カラーパレットジェネレーターについて
カラーパレットジェネレーターは色彩理論の原理に基づいて調和のとれた色の組み合わせを作成します。ベースカラーからHSLカラーホイールを使用して関連色を計算します:補色(反対)、類似色(隣接)、トライアド(120°間隔で均等配置)、分裂補色(反対側の隣接色)、モノクロマティック(同色相、明度変化)。
使い方
カラーピッカーでベースカラーを選択するかHEXコードを入力します。タブからパレットタイプを選択します。ジェネレーターが関連色とそのHEX値を即座に表示します。カラースウォッチをクリックするとHEXコードがクリップボードにコピーされます。
一般的な使用例
- プロフェッショナルに見えるWebサイトのカラースキーム設計
- マーケティング資料用のブランドカラーパレット作成
- プレゼンテーションやグラフィック用の補色検索
- インテリアデザインプロジェクトの色の調和を探索
- UIデザイン用のアクセシブルな色の組み合わせ生成