web-dev-qa-db-ja.com

白とのコントラストのための実用的な「最も明るい」灰色の色合い

私は、デザインにrgb(242,242,242)などの薄い灰色を使用して、白と微妙なコントラストを付けています。テーブル内の交互の行の背景。

ディスプレイ(27 "4K)では、このグレーと白を簡単に区別できますが、他のディスプレイでは、必ずしもそうとは限りません。これは、デザインに悪影響を及ぼし、ユーザーエクスペリエンスに影響を与える可能性があります。

理由としては、キャリブレーションが不十分/品質の低いディスプレイが挙げられます。

すべてのアクセシビリティ基準が満たされていると仮定すると、次のような「最も明るい」灰色の色合いがあります。

  • 白い背景とのコントラストを提供します
  • 暗い前景テキストの読みやすさに大きな影響を与えません
  • 通常の状態ではほとんどのユーザーに確実に表示されます
1
Matt Saunders

これをチェックして、完璧な色を見つけることができます https://webaim.org/resources/contrastchecker/

2
Omkar Chogale