Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Измените HEX, RGB или HSL — остальные значения и образец цвета обновятся автоматически.
Об инструменте
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Как пользоваться
Введите цвет или выберите его палитрой и настройте непрозрачность. Поддерживаются HEX из 3, 4, 6 и 8 цифр, RGB и HSL с альфой. Каналы RGB задаются числами 0–255 или процентами; насыщенность и светлота HSL — процентами. Значения вне диапазона отклоняются. CMYK и широкие цветовые пространства не преобразуются.
У HEX, RGB и HSL отдельные редактируемые поля. Изменение одного обновляет остальные, сохраняя текст и курсор активного поля. Незавершённое или ошибочное значение отмечается; копирование недоступно до исправления.
Связанные инструменты
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с двумя–восемью цветовыми точками и копируйте CSS.
Генератор теней CSS
Настройте смещение, размытие, расширение, цвет и непрозрачность внешней или внутренней тени CSS.
Калькулятор соотношения сторон
Сократите пропорции изображения или видео и вычислите подходящую ширину либо высоту для нового размера.
Комментарии
0