カラーコントラストチェッカー
無料ツールでアクセシビリティ準拠のためのカラーコントラストを確認。色の組み合わせがすべてのユーザーに対するWCAG基準を満たしていることを保証します。
カラーコントラスト結果
選択された色でのテキスト例
コントラスト比:
3.28通常テキスト:
不合格大きいテキスト:
AAUIコンポーネント:
AA
前景色:
背景色:
良好な色のコントラストは、読みやすさとアクセシビリティに不可欠です。WCAGガイドラインは以下を推奨しています：
無料ツールでアクセシビリティ準拠のためのカラーコントラストを確認。色の組み合わせがすべてのユーザーに対するWCAG基準を満たしていることを保証します。
選択された色でのテキスト例
コントラスト比:
3.28通常テキスト:
不合格大きいテキスト:
AAUIコンポーネント:
AA良好な色のコントラストは、読みやすさとアクセシビリティに不可欠です。WCAGガイドラインは以下を推奨しています：