Генератор
цветовых
схем

Всё о цвете

 


Главная > Помощь > Использование анализатора контрастности цветов
 


1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25

Использование анализатора контрастности цветов

Анализатор контрастности цветов доступен на странице http://colory.ru/contrastanalizer/.

Анализатор контрастности предназначен для выстраивания хорошей с точки зрения контрастности комбинации цветов. Уровень видимости цвета в анализаторе контрастности рассчитывается с помощью алгоритмов World Wide Web Consortium (w3).

Для начала работы с анализатором контрастности, введите в ячейки «Цвет текста» и «Цвет фона» имена цветов на английском языке, либо коды соответствующих цветов в 10-ричной или 16-ричной системе счисления (имена и коды интересующих Вас цветов Вы можете посмотреть в таблице цветов, см. параграф «Использование таблицы цветов»), например:

Ячейки «Цвет текста» и «Цвет фона»

Регистр букв при вводе имени цвета или кода значения не имеет.

Анализатор контрастности в интерактивном режиме отобразит результаты анализа контрастной комбинации цветов. В случае, если контрастная комбинация хорошая, анализатор отобразит зелёную галочку и слово «Passed» («Пригодно»), если неудовлетворительная – красный крестик и фразу «Not passed» («Непригодно») а также продемонстрирует пример отображения текста выбранного цвета на фоне выбранного цвета в стандарте WCAG 2.0:

Анализатор контрастности

Для просмотра результатов анализа контрастной комбинации цветов в стандарте WCAG 1.0 нажмите на вкладку «WCAG 1.0»:

Вкладки «WCAG 1.0» и «WCAG 2.0»

После этого отобразятся результаты анализа для стандарта WCAG 1.0:

Результаты анализа для стандарта WCAG 1.0

В анализаторе по стандарту WCAG 2.0 отображается пример как для большого текста, так и для малого, согласно страндарту. Возможен вариант, что для одного размера текста сочетание цветов приемлемое, а для другого нет. В анализаторе по стандарту WCAG 1.0 отображается только один пример текста, поскольку иное не предусмотрено стандартом.

Существуют два уровня контрастности: АА и ААА. Оптимальный вариант – соответствие выбранного сочетания цветов уровню ААА. То, какому уровню контрастности удовлетворяет сочетание цветов, указано рядом с отметкой о пригодности.

Если для параметров «Рейтинг контраста», «Яркость» или «Цвет» проставлена аббревиатура «NaN», это означает, что при выбранном сочетании цветов соответствующий параметр не аттестован, т.е. не является подходящим. В случае, если для этих параметров указаны конкретные значения, как на скриншотах выше, это означает, что сочетание цветов по параметру пригодно.

Для большого текста минимальный пригодный рейтинг контрастности для AA = 3:1, а для AAA = 5:1. Для маленького текста пригодный рейтинг для AA = 5:1, а для AAA = 7:1.

Для оценки яркости и цвета минимально допустимые параметры указаны в самом анализаторе.

1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25






 
© 2008-2017, Сайт "Всё о цвете". Все права защищены.
Перепечатка и использование материалов допускается с условием размещения ссылки на сайт Всё о цвете. Также мы будем очень благодарны, если вы просто разместите эту ссылку на своем сайте.