ようこそ!
tellogs.com
表紙
開発ツール
ホーム
›
ツール一覧
›
コントラスト比チェック
コントラスト比チェック
WCAGアクセシビリティ確認
2色を選択
テキスト色
背景色
サンプルテキスト Aa
コントラスト比
-
通常テキスト AA
-
通常テキスト AAA
-
大きなテキスト AA
-
大きなテキスト AAA
-
関連ツール
カラーピッカー
HEX/RGB/HSLの色コード変換
カラーパレット生成
配色方案を自動作成
グラデーション生成
CSSグラデーション生成
よくある質問
コントラスト比とは?
2色の明るさの比で、WCAGではテキストの可読性基準として使用されます。
WCAG AA基準とは?
通常テキストは4.5:1以上、大きなテキストは3:1以上のコントラスト比が必要です。
色覚障害者への配慮は?
色の組み合わせだけでなく、コントラスト比も重要です。
関連記事
アクセシビリティとコントラスト
読みやすいカラー組み合わせ
コントラスト確認のよくあるミス
コントラスト比の比較と検討
コントラストを活かしたデザインのコツ
コントラストチェッカーの使い方
コントラストチェッカーオンラインツール
コントラストとアクセシビリティの参考資料
テキストの読みやすさとコントラスト
コントラストチェッカーの便利な活用法
コントラストチェックツール比較
WCAGコントラスト基準とは