N's Webtools
ホーム
🔲

カラーコントラストチェッカー

2色間のコントラスト比を計算しWCAG適合判定

コントラスト比
21:1
プレビュー
サンプルテキスト Abc 123
大きいテキスト (18pt+)
通常テキスト 大きいテキスト
WCAG AA
4.5:1以上
3:1以上
WCAG AAA
7:1以上
4.5:1以上

使い方

前景色と背景色を選択すると、コントラスト比とWCAG AA/AAA適合状況を表示します。

  • コントラスト比計算
  • WCAG AA/AAA判定
  • リアルタイムプレビュー
  • 色入れ替え機能

こんなときに使おう

  • Webサイトの文字色と背景色のアクセシビリティを確認したいとき
  • WCAG基準を満たしているか調べたいとき

シェア

関連ツール