カラー
カラーコントラストチェッカー
カラーコントラストチェッカー でカラーコントラストチェッカーをブラウザ上ですばやく処理できます。ファイルのアップロードは不要で、データは端末内に留まります。 日常業務、学習、開発、資料作成など幅広い場面で使いやすく、結果をすぐ確認できます。
Sample text
Contrast ratio: 21.00:1 ✓ AA
ライブ比較
Color Contrast Checker WCAG はWebのsRGB値を扱います。
通常利用では入力データはブラウザ内で処理されます。
使い方
- カラーコントラストチェッカー を開いて入力します。
- 必要なオプションを設定します。
- 結果を確認してコピーします。
FAQ
カラーコントラストチェッカー の使い方は？
上の入力欄に値やテキストを入れると結果が即時更新されます。必要に応じて設定を調整し、結果をコピーしてください。
カラーコントラストチェッカー ではデータは安全ですか？
はい。通常の利用ではブラウザ内で処理されるため、機密データを外部に送らずに作業できます。
このツールについて
Color Contrast Checker WCAG はデジタルカラー値を扱います。Hex・RGB・コントラスト比がアクセシビリティの鍵です。
主要指標の解説
主要指標
Color Contrast Checker WCAG が出力する主要な指標。
関連概念
実務上の位置づけ
Color Contrast Checker WCAG はインストール不要で素早く私密に使える場面向けです。公開データ取得を明示しない限りローカル処理です。
データと背景
デジタルカラー
Color Contrast Checker WCAG はWebのsRGB値を扱います。
WCAGコントラスト
| レベル | 比率 | 対象 |
|---|---|---|
| AA normal text | 4.5:1 | Minimum for body text |
| AA large text | 3:1 | 18pt+ or 14pt bold |
| AAA normal text | 7:1 | Enhanced |
| AAA large text | 4.5:1 | Enhanced large |
信頼できる参照先
- WCAG 2.2 コントラスト — アクセシビリティコントラスト要件。