Design Accessibility

Color Contrast & Palette

背景色と文字色のコントラスト比をWCAG 2.1基準に基づいて瞬時に検証し、同時に美しい調和パレットを作成します。

🎨 カラー調整

📊 WCAG 2.1 判定結果

17.10: 1 の比率

通常テキスト (18px未満)

基準: AA (4.5:1) / AAA (7:1)

AA PASSAAA PASS

大きなテキスト (18px以上 / 太字14px以上)

基準: AA (3:1) / AAA (4.5:1)

AA PASSAAA PASS
実機プレビュー

見出しテキスト (Large Bold Text)

ここは通常の本文テキスト(Normal Body Text)です。読みやすさ、コントラスト比、そして全体的なデザインの調和をブラウザ上で直接確認できます。

🌈 背景ベース配色パレット

ベース(背景)
補色(反対色)
類似色 1
類似色 2
トライアド 1
トライアド 2
ダークシェード
ライトティント