web-dev-qa-db-ja.com

すべてのタイプの色覚異常のためのカラーパレット

私はカラフルで有益なインフォグラフィックをデザインしようとしています。同時に、色覚異常の人もそれを見ることができるはずです。

色覚異常のWebサイト を使用すると、通常の視覚とさまざまな種類の色覚異常の画像を表示できます。

私のコンピュータープログラムの既定の "色盲の安全な"色を使用すると、画像は、特定の種類の色覚異常を持つ人にしか見えず、他の人には見えません。

通常の視力とさまざまな種類の色覚異常を持つ人に見えるすべての色のパレットがどこにあるかを教えてください。

ありがとうございました

enter image description here

9
Rhonda

色覚異常を設計する際の重要な点は、 あなたの色は十分なコントラストを提供する必要があります単色視力では色が見えないため、色合いを区別できる です。ただし、色覚異常を処理するために色を使用して設計する場合、いくつかの一般的なガイドラインがあります。引用するには この記事

しかし、色覚異常の落とし穴を回避するために実行できるアプローチは他にもあります。

  1. 緑と茶色、青と紫、緑と青、薄緑と黄色、青と灰色、緑と灰色、緑と黒、あまり知られていない悪い色の組み合わせは避けてください。

  2. 色の組み合わせはまったく使用しないでください。ただし、同じ色のさまざまな色合いで機能します。つまり、フィギュアをモノクロにします。

  3. 十分に高いコントラストを使用してください。コントラストは、ほとんどの色覚障害者が依然として非常によく知覚できるものです。

  4. 色の代わりにテクスチャを使用します。

上記の記事は、色覚異常の人のためにこのカラーパレットを提案しています

enter image description here

それ

12
Mervin

あなたの質問の問題は いくつかの異なるタイプの色覚異常 があり、すべてに共通する「カラー」パレットがないという点まで、それらのそれぞれが異なる方法で色を知覚することです。

代わりに、「コントラスト」に焦点を当てる必要があります。必要な場所では、色ではなく対照的に輪郭を描くことを目指す必要があります。

あなたが試してみたいかもしれない別のツールは、 カラーコントラストアナラ​​イザー です。

まだ苦労している場合は、多すぎる色を使用しようとしている可能性があります。色覚異常テストで互いに対照的な3つの交感神経色にパレットを減らし、デザインをそれらの色だけに制限します。

14
Andrew Martin