← ツール一覧に戻る
🎨 カラーパレットジェネレーター
1色選ぶだけで、補色・類似色・3色配色などのパレットを自動生成します。
#4F46E5
HSL(243°, 75%, 59%)
パレット
#4F46E5
#DDE548
配色プレビュー
Sample Card
Preview of your color palette
PrimarySecondaryAccent
コントラストチェック
WCAG（Webコンテンツのアクセシビリティ基準）では、テキストと背景色のコントラスト比について2つの達成基準があります。AA（4.5:1以上）は通常テキストに必要な最低基準、AAA（7:1以上）はより高いアクセシビリティを実現する推奨基準です。
| Colors | Ratio | AA (4.5:1) | AAA (7:1) |
|---|---|---|---|
#4F46E5×#DDE548 | 4.60:1 | 合格 | 不合格 |
💡 色彩調和（カラーハーモニー）とは？
色彩調和は、色相環上の色の関係性に基づく配色理論です。補色は色相環の正反対の色、類似色は隣り合う色、トライアドは120°間隔の3色です。WCAGコントラスト比を確認することで、アクセシビリティに配慮した配色が可能です。