Конвертер единиц
Длина, вес, объём, температура и другое.
Конвертер цветов
Переводите цвет между HEX, RGB, HSL, HSV и CMYK и проверяйте контраст текста.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Контраст текста (WCAG)
- Белый текст на этом цвете
- 6.29:1 Проходит AA
- Чёрный текст на этом цвете
- 3.34:1 Только для крупного текста
Ваши файлы остаются на устройстве
Как это работает
- 1Введите цвет в любом формате или выберите его палитрой.
- 2Посмотрите тот же цвет во всех форматах.
- 3Скопируйте нужный.
- 4Проверьте строки контраста, чтобы понять, читаем ли текст на этом цвете.
Что делают параметры
- Допустимый ввод
- #rgb, #rrggbb, #rrggbbaa, rgb(), hsl() и названия цветов CSS, например tomato.
- Контраст
- Коэффициент WCAG относительно белого и чёрного. 4.5:1 это уровень AA для обычного текста.
Конфиденциальность
Всё вычисляется в вашем браузере. Введённые данные не отправляются на сервер.
Частые вопросы
Какой формат использовать на сайте?
В CSS работает любой. HEX самый распространённый и короткий. HSL проще настраивать вручную, так как светлота и насыщенность задаются отдельно.
Можно ли использовать значение CMYK для печати?
Только как приблизительный ориентир. Типографии конвертируют цвета с помощью цветовых профилей, а яркие цвета экрана при печати часто получаются тусклее.
Что за число в восьмизначном hex?
Две последние цифры задают непрозрачность от 00 (прозрачный) до ff (непрозрачный).
Почему мой цвет не распознан?
Используйте корректный код HEX, форму rgb() или hsl() либо название цвета CSS. Названия из других инструментов не являются названиями CSS.
Это тот же инструмент, что и в разделе для разработчиков?
Да, тот же конвертер. Он указан в обоих местах, чтобы его можно было найти из любого.