文字色を最小限直す
元
修正後
基準に届く最も近い色を探します
—
見やすさを、確かめる。
画像・PDFの気になる部分を選ぶか、色を自由に試して確認できます。カメラではその場で簡易確認もできます。
画像・PDFを確認
ファイルを選び、文字と背景を含む範囲を囲んでください。
選択した画像
文字と背景を一緒に囲むようにドラッグしてください。
選択範囲のコントラスト—
範囲を確認しました
文字の候補
背景の候補
自動抽出は簡易判定です。色が正しく拾われているか、表示された色も確認してください。
カラーマップ
横は色相、縦は明るさ。斜線部分は基準に届かない色です。
カラーマップを選択して矢印キーを使うと、選択中の色の色相と明るさを変更できます。Shiftキーを押すと大きく変更します。
文字色
操作中背景色
操作中
コントラスト比
—
計算しています
選択した基準と比較します。
最小限だけ調整する
元の配色と見比べて、文字色を直す案・背景色を直す案のどちらかを試せます。
背景色を最小限直す
元
修正後
基準に届く最も近い色を探します
—
詳細設定と共有 OKLCH・プレビュー・書き出し
OKLCHで微調整
文字色
背景色
実際の見え方
結果を共有
WCAG 2.2の相対輝度による比率を使います。境界値は四捨五入して合格にしません。
カメラでざっと確認
掲示物を20〜30cmほど離して映し、中央の文字と背景を簡易確認します。詳細な確認には画像・PDFをお使いください。