Собственно, об этой проблеме я уже писал в их саппорт.
Я отношусь к тому несчастливому 10% множеству мужчин, которые не отличают оттенки красных и зеленых цветов.
На большом экране за компьютером я могу еще как-то отличить красные и зеленые линии пробок и свободных дорог, но на коммуникаторе на экране 3" для меня это превращается в пытку.
Я понимаю, что данная расцветка связана с сигналами светофора, которые я, между прочим, отлично различаю на дороге. Она интуитивно понятна остальным 90%, но все-таки я считаю, что 10% это рынок, за который можно бороться.

Что такое сила цветовосприятия?

Поговорим о силе восприятия цвета. В предыдущих постах я уже рассказывал, что некоторые цветовые тона воспринимаются сознанием как более сильные, яркие, чем другие.

Технически это связано с силой сигнала, поступающего в мозг от S, M и L колбочек: тона, близкие к жёлтому воспринимаются одновременно S и M рецепторами, а тона, близкие к красно-фиолетовому (маженте) – M и L.
Cамым ярким тоном по восприятию является красно-оранжевый, чуть менее яркими воспринимаются жёлто-зелёные и красно-фиолетовые тона. Явными аутсайдерами являются синие и лазурные тона: они по интенсивности в 3,5 и 5 раз слабее, чем самый яркий тон.

Как выяснилось в обсуждении предыдущего поста про дальтонизм, модель зрения с недостатком красных и зелёных колбочек была не слишком точна.

За прошедшие три недели я три раза переписывал алгоритм, моделирующий нарушения цветового зрения, каждый раз проверяя результаты на реальных дейтанопах (недостаток «зелёных» колбочек) и протанопах (недостаток «красных» колбочек). И теперь я готов поделиться с вами результатами своих изысканий. :)

И так, целью моделирования на самом деле было даже не картинка-результат, а создание алгоритма, который позволяет сказать, насколько, скажем, красный цвет воспринимается сильнее синего. Попутно было выяснено, что некоторые сервисы, моделирующие потерю цветового зрения на самом деле просто смещают a-b коэффициенты в CIE Lab модели и проверка на реальных дальтониках показала, что результат, выдаваемый ими далёк от позитива :)

Из-за этого пришлось вернуться к теории и провести детальную работу по моделированию работы сетчатки глаза при восприятии цветов.

Если уж делать алгоритм распределения внимания по изображению, то делать нужно по уму, а значит, жизненно важно становится определять «силу цвета».

Цветовосприятие

Ощущение цвета зависит от сигнала, поступающего в мозг от S, M и L колбочек. Вместе с тем, некоторые цвета, определяемые человеком, ощущают сразу несколько видов колбочек и именно из-за этого некоторые цвета кажутся ярче, чем другие, одинаковые по тону и насыщенности.


^{сone-response}

Интересно, а как выглядели бы цвета, если сила восприятия их была бы одинакова с насыщенностью? Отвечая на этот вопрос, я написал программку, иллюстрирующую взаимоотношения цвета и восприятия. И вот результаты её работы:

Цветовая мишень: оригинал, пост-процессинг.
Другая цветовая мишень: оригинал, пост-процессинг.

Но приведённые изображения показывают результат только для полного цветового зрения. Интересно, а как смотрят на мир дальтоники?

Дальтонизм

А дальтоники бывают разные: дальтонизм возникает в основном из-за нехватки колбочек определённого типа. В случае нехватки колбочек двух типов, цвета вообще не различаются, мир выглядит монохроматическим, как на чёрно-белой фотографии. А вот в случае дефицита колбочек одного из типов S, M или L возникает ситуация неразличимости некоторых цветов.

Попробуем-ка промоделировать, основываясь на данных цветочувствительности колбочек, восприятие дальтоников!

Честно признаюсь, данные модели не калиброваны. В идеале, дальтоник не должен ощущать существенной разницы между оригиналом и результатом моделирования. Но ради того, чтобы представить, как – любопытно же? :)

На картинках – изображения после нормализации силы восприятия цвета. Мишени и скриншоты — мои, а фотографии взяты с сайтов отсюда, отсюда и отсюда.

Оригиналы:

Вашему вниманию предлагается перевод статьи 10 colour contrast checking tools to improve the accessibility of your design от Roger Johansson. Перевод от alexbig

10 инструментов проверки контраста вашего дизайна для улучшения его „читабельности“

В моей повседневной работе мы создаём графический дизайн для большинства сайтов наших клиентов, но не для всех. Некоторые из них сами или с помощью дизайн студий делают визуальный дизайн и оставляют переход на HTML + CSS + Javascript и CMS для нас. Когда такое происходит, я практически всегда сталкиваюсь с проблемами недостаточного цветового контраста в дизайне. Иногда эти проблемы достаточно второстепенные и допустимые, но зачастую, есть области, которые необходимо скорректировать.

Если вам интересно, почему меня волнует (и почему я думаю, что вы должны заботиться о) цветовом контрасте веб-сайта — очень просто. Если текст не имеет достаточного контраста со своим фоном — у людей возникнут проблемы. Все, кто страдает дальтонизмом или те, кто бороздят Веб не в идеальных условиях (плохой монитор, отражение окон, блики от солнца) не смогут прочитать текст, по крайней мере, без трудностей.