web-dev-qa-db-ja.com

この色は読みやすいですか?

このオレンジ色が私の緑と白のテーマとうまく合っているか、それとも簡単に読めるかわかりません。

enter image description here

読めない場合は、もっと読みやすい色があるでしょうか?ホバーは別の色にする必要がありますか?

http://www.colorsontheweb.com/colorwizard.asp のようないくつかのカラーウィザードを試しましたが、私は非常に懐疑的で、目が誤動作しているか、正しく見えません。何て言うの?

更新皆さんのおかげで、私はそれを理解できたと思います。私が理解したところによると、白のオレンジは白と緑で問題ありませんでした。私はパンくずを黒にすることを選択しました。それは、それが私が降下して見え、色覚異常のさまざまなバリエーションに視覚的に提示できる何かを提供するだろうと思った唯一の色であったからです。下部の「新しいトピック」は、リンクのホバーで、標準のリンクの色よりも少し暗いオレンジ色です。これが私の最初の質問に対する解決策になるだろうという意見で誰かが異なるでしょうか? enter image description here

4
Jakob

ここにある緑とオレンジの現在の組み合わせは、特に視覚障害のある人にとって、非常に見づらいです。色の組み合わせのアクセシビリティをチェックするための優れたリソースは Snookのカラーコントラストチェック です。このツールは、W3Cによって定められた複数のカラーアクセシビリティ標準をチェックします。この質問 色覚異常ユーザー向けのUIデザインをテストするための適切なリソースは何ですか? は、いくつかの追加情報を提供する可能性があります。

8
Matt Rockwell

私は自分のために見つけました Adam Polselli's 色の組み合わせ:

dark gray
+ light gray
+ color #1
+ color #2: tint or shade of color #1
+ color #3: complementary color of color #1
= the perfect color scheme!

これは sample です。

2
igor

IMO、同じページでのオレンジと緑の組み合わせは完全に問題なく機能し、オレンジ色のテキストは読みやすくなっています。

ただし、オレンジオングリーンは読み取り不可能であるため、回避する必要があります。それらは一緒にではなく、同じページでうまく機能します。

2

このタイプの配色は、スプリット補色配色と呼ばれます。

分割補色配色は補色配色のバリエーションです。基本色に加えて、補色に隣接する2色を使用します。

この配色は、補色配色と同じ強い視覚的コントラストを持っていますが、緊張感はほとんどありません。

分割補完のカラースキームは、めちゃくちゃにするのが難しいため、初心者には適しています。

0
Pir Abdul

これは、おそらくグラフィックデザインについてよく尋ねられる質問です。

とはいえ...いいえ、それはあまり読みにくいです。問題は色の濃さです。同じ輝度の色を重ねて配置すると、オブジェクト間の区切り文字を細かく調整するのに苦労するため、目には非常に耳障りになります。問題は対照的です。たとえば、濃い緑や薄いオレンジを使用する場合は、それほど大したことではないかもしれません。

0
DA01