Конвертер цветов
Вставьте HEX, RGB, HSL или название цвета и сразу получите все форматы с проверкой контраста по WCAG.
- Работает на вашем устройстве
- Без регистрации
- Работает офлайн после первого визита
Принимает #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() или название CSS-цвета, например rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Каждый коэффициент считается по WCAG 2.x. Крупным считается текст от 24px или от 18,66px жирным начертанием. Проверка прохождения идёт по точному коэффициенту, а полупрозрачный цвет сначала смешивается с каждым фоном.
Как перевести код цвета
- Введите HEX, rgb(), hsl() или название цвета либо выберите его в палитре.
- Скопируйте нужный формат из пяти результатов.
- Посмотрите коэффициент контраста и отметки AA или AAA на белом, на чёрном и на выбранном фоне.
Вопросы
Почему значение CMYK только приблизительное?
CMYK зависит от краски, бумаги и цветового профиля принтера. Конвертер использует простую арифметическую формулу, которая не учитывает ни один из этих факторов, поэтому напечатанный цвет будет отличаться от экрана. Перед большим тиражом попросите типографию сделать пробный отпечаток.
Как вычисляется коэффициент контраста?
WCAG 2.x берёт относительную яркость каждого цвета по его значениям красного, зелёного и синего после гамма-коррекции. Коэффициент равен яркости более светлого цвета плюс 0,05, делённой на яркость более тёмного плюс 0,05. Чёрный на белом даёт 21:1, это максимум.
Какие пороги использует проверка?
WCAG 2.x требует контраст не менее 4,5:1 для обычного текста и 3:1 для крупного текста на уровне AA, а также 7:1 и 4,5:1 на уровне AAA. Крупным считается текст от 24px или от 18,66px жирным начертанием.
Какие форматы цвета принимает поле?
HEX-коды из трёх, шести или восьми цифр, rgb() и rgba(), hsl() и hsla(), а также названия CSS-цветов, например rebeccapurple. Браузер сам читает значение, поэтому подойдёт всё, что он понимает как CSS-цвет.
Отзывы
Отзывов пока нет. Будьте первым.