HesapHanem

カラーコントラストチェッカー (WCAG)

カラーコントラストはどう確認しますか？

使い方

  1. 上のフィールドに値を入力します。
  2. 「計算」を押すと結果がすぐに表示されます。
  3. 「共有」ボタンで結果へのリンクをコピーできます。

この計算ツールについて

このツールは、前景色と背景色のWCAGコントラスト比を計算します。値は1:1（同じ色でコントラストなし）から21:1（純白の上の純黒）までで、各色の相対輝度から求められます。さらにその比を、公式のアクセシビリティ基準であるAAとAAAのしきい値、すなわちAAが4.5:1、AAAが7:1と照らし合わせ、文字と背景の組み合わせが基準を満たすだけの読みやすさを備えているかを判定します。なお規格は大きな文字に3:1という緩い基準も認めていますが、このツールはそれを適用しません。

ウェブデザイナーやフロントエンド開発者が、配色を世に出す前に確かめるために使います。コントラストの低い文字は最もよくあるアクセシビリティの苦情の一つで、地域によっては法的な要件を満たさないこともあるからです。アクセシビリティの監査担当者も、ウェブサイトやアプリのWCAG適合を確かめる際に同じ計算を使い、デザインシステムはこの問題をそもそも避けるため、AAを満たす色の組をコンポーネントライブラリに組み込んでいることが多くあります。

このページは役に立ちましたか？

リアクションは最大3つまで選べます。

コメント

  • 最初のコメントを投稿しましょう。

人気の計算機

ローン計算機

月々の支払い、総利息、および完全な返済スケジュール。

パーセント計算機

パーセント変化、ある値の何パーセント、比率計算。

割引計算機

最終価格、節約額、割引額を計算。

BMI 計算機

身長と体重から体格指数 (BMI) を計算（メートル法またはヤード・ポンド法）。

年齢計算機

生年月日から年・月・日単位で正確な年齢を計算します。

複利計算機

複利による最終金額と獲得利息を計算します。

すべての計算ツール