DESIGNER TOOL

コントラストチェッカー

文字色と背景色のコントラスト比を計算し、読みやすさの基準を確認できます。

文字色と背景色を指定

確認結果がここに表示されます。

毎日の仕事に役立つ無料ツール

仕事の道具箱

使い方

  1. 文字色と背景色を選択またはHEXで入力します。
  2. 「コントラストを確認」を押します。
  3. コントラスト比とAA・AAAの判定を確認します。

コントラストチェッカーについて

文字色と背景色の相対輝度からコントラスト比を計算し、WCAGの基準に沿って通常文字・大きな文字のAA・AAA適合状況を確認できるツールです。処理はブラウザ内で行われます。