ビジュアルデザイン / thevision.cc
色は読みやすさを向上させるために活用しよう。
WCAG 2.2のテキストコントラスト条件、カラープレビュー、境界計算例を提供する、テキストと背景色のコントラストテストツール。
登録不要入力はブラウザ内でローカルに処理されます色のコントラストテスト
明確なテキストは、配色から始まる。
これは通常のテキストのプレビューです。実際のフォントと背景と照らし合わせてご確認ください。
不透明なsRGB HEXカラーのみがサポートされています。大きなフォントとは、18pt以上または14pt以上の太字テキストを指します。このツールは実際のフォントサイズを判定するものではありません。
十分に鮮明に見える灰色の文字が、コントラストの要件を満たさない場合があるのはなぜでしょうか？
テキストのコントラストを理解し、通常のテキスト、大きなテキスト、表示の丸め、および実際のページ検証を区別するために、白黒と#777777の境界線の例を使用します。