本文へスキップ

お知らせ

ただいま、すべての機能を無料でお使いいただけます。

カラーコントラスト確認

文字色と背景色を選び、画面や文書で読みやすい組み合わせか確認できます。

すべてブラウザ内で処理されます。色はサーバーに送信されません。

Aa
Sample text preview

コントラスト比

17.74:1

通常の文字

基準を満たす (4.5:1)

大きな文字

基準を満たす (3:1)

できること

2色を比較し、通常の文字と大きな文字で読みやすいコントラストか確認します。

使い方

  1. 文字色を選びます。
  2. 背景色を選びます。
  3. 比率と判定を確認します。

補足

  • 明るい背景に濃い文字は一般的な組み合わせです。
  • 実際の文字サイズや太さでも確認してください。
  • 計算はブラウザ内で完結します。

FAQ

色は送信されますか?

いいえ。計算はブラウザ内だけで行います。

もっと使いやすくするために

人に勧めるときや仕事で使うときに、あるとよいものを気軽に教えてください。

ご入力いただいた場合は、ご回答などを返信いたします。

内容は運営だけが確認します。