Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Измените HEX, RGB или HSL — остальные значения и образец цвета обновятся автоматически.
Об инструменте
Перенесите цвет макета в CSS из имеющейся записи. Обрабатывается sRGB, без преобразования CMYK и специальных печатных красок.
Как пользоваться
Введите цвет или выберите его палитрой и настройте непрозрачность. Поддерживаются HEX из 3, 4, 6 и 8 цифр, RGB и HSL с альфой. Каналы RGB задаются числами 0–255 или процентами; насыщенность и светлота HSL — процентами. Значения вне диапазона отклоняются. CMYK и широкие цветовые пространства не преобразуются.
У HEX, RGB и HSL отдельные редактируемые поля. Изменение одного обновляет остальные, сохраняя текст и курсор активного поля. Незавершённое или ошибочное значение отмечается; копирование недоступно до исправления.
Частые вопросы
Где находится альфа в восьмизначном HEX?
CSS использует #RRGGBBAA: последние два знака задают альфа-канал. Это отличается от ARGB в некоторых программах. RGB и HSL тоже допускают прозрачность.
Какие записи RGB и HSL допустимы?
Например, rgb(255 0 0 / 50%) или hsl(0 100% 50%). Запись с запятыми тоже подходит, но её нельзя смешивать с записью через косую черту. Имена цветов и CMYK не принимаются.
Почему непрозрачность 50 % слегка меняется в HEX?
В HEX только 256 уровней альфа-канала. 0,5 округляется до 80, то есть 128/255. Для десятичного альфа-значения используйте RGB или HSL вместо восьмизначного HEX.
Связанные инструменты
Откроется в новой вкладке
Комментарии
0