Contrast Checker
文字色コントラスト確認

文字色と背景色を選ぶだけで、その組み合わせが読みやすいかを国際基準（WCAG 2.1）で判定します。

試してみる：

RESULT判定

コントラスト比

—

  • ふつうの大きさの文字本文・説明文・注意書きなど
  • 大きな文字見出しなど。24px（18pt）以上、太字なら約19px（14pt）以上

PREVIEWこの色で作ると

WEBWebページ
FLYERチラシ

SUGGESTION改善案

SIMULATION人によって違う見え方

    色の感じ方は人それぞれです。色だけで区別せず、明るさの差をしっかりつけると、より多くの人に伝わります。シミュレーションは目安です。

    計算はすべてお使いのブラウザ内で行い、選んだ色が外部に送信されることはありません。