配色黄金比（70:25:5）ジェネレーター
Webデザインの黄金比「70:25:5」に基づいた配色を自動構成します。
デフォルトでWCAG 2.1の基準をクリアするように調整されています。
- 基準色の選択: 左パネルで主役の色を選びます。
- 視認性チェック: 右パネル上部の数値が「PASS（4.5以上）」であることを確認します。
- シミュレーション: 下部のモックアップで面積比のバランスを確認します。
- 個別微調整: カラーカードをクリックしてピッカーを開き、微調整してPASSを目指すことも可能です。
ベース (70%)
メイン (25%)
アクセント (5%)
視認性チェック (WCAG 2.1)
推奨基準：4.5 以上
判定中
背景 × メイン文字
0.0
判定中
メイン背景 × 白文字
0.0
判定中
アクセント背景 × 文字
0.0
面積比シミュレーション
Base Contents Area
すべてのユーザーにとって読みやすい配色を目指しましょう。
※各カラーコードをクリックしてコピーできます
