その配色で文字が読めるかを判定します。
文字の色と背景の色を入れると、コントラスト比を計算して、読めるかどうかを判定します。実際の見え方も並べて出します。
本文の見え方はこうなります
小さい文字だと、こう見えます。読みにくければ明るさを変えてください。
処理はすべてブラウザ内で行います。画像や入力を受け取る仕組みがないため、外部に送信されることはありません。
使い方
- 1文字の色と背景の色を入れる
- 2判定を見る
- 3落ちていれば、どちらかの明るさを変える
できないこと・知っておくこと
- 判定の基準はWCAG 2.1のものです。本文は4.5、大きな文字（18.66px太字または24px以上）は3.0、より厳しい基準は7.0です
- コントラスト比が足りていても、読みやすいとは限りません。書体や字の太さでも変わります
- 背景が画像やグラデーションの場合は判定できません。単色どうしで見てください
- 色覚の特性による見え方の違いは判定に含めていません
製作者について
ぷりんラボ。ひとりでゲームアプリとWebツールを作っています。自分の作業で必要になったものを整えて置いています。