コントラスト比チェック
WCAG AA・AAA を見本つきで確認。
無料 · 登録不要 · 端末内で計算
処理はブラウザの中だけ
- Live結果
- 0送信
- 1 tapコピー可
- Free登録不要
コントラスト比チェックの仕様
- 入力
- 前景色と背景色
- 出力
- 比率と2サイズの AA・AAA
- 方式
- WCAG の相対輝度と比率
- 料金
- 無料
- 処理する場所
- あなたの端末の中
コントラスト比チェックの使い方
- 1
2つの色を決める
文字色と背景色を選ぶ
- 2
比率を確認する
比率と4段階の合否
- 3
判定をコピーする
比率と判定をコピー
よくある質問
アップロードなしで使える？
はい。入力はブラウザのタブの中で処理されます。処理用のサーバーに送られることも、アカウントに保存されることもありません。
コピーする前に結果を変えられる？
はい。操作するたびに結果が更新されます。求めている出力になってからコピーしてください。
対応ブラウザは？
Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。
きれいな結果を得るために
入力するか選ぶと、作業エリアの結果がその場で更新されます。内容を確かめてから、必要なときにコピーしてください。
- コピーする前に、入力の形式と選んだ設定をご確認ください。
- 結果を大きな作業の一部で使う場合は、元の入力も残しておくと安心です。
仕様をすべて見る
| 入力 | 前景色と背景色。 |
|---|---|
| 出力 | コントラスト比と、2つの文字サイズでの AA・AAA の判定。 |
| 方式 | WCAG の相対輝度とコントラスト比の計算。 |
| 料金 | 無料。作業領域の外に、広告と分かる形で広告を出しています。 |
| 処理する場所 | このブラウザのタブの中。入力がアップロードされることはありません。 |
同じファイルのまま続ける
カラーツール一覧： SPOTTOOLSのカラーツール