Как преобразовать цвет
- Нажмите на цветовое поле, чтобы выбрать цвет, или введите его в текстовое поле.
- Его можно ввести в HEX (#1e90ff), в rgb(), в hsl() или по английскому названию.
- Посмотрите цвет в предпросмотре и его эквиваленты в HEX, RGB, HSL и CMYK.
- Скопируйте нужный формат и проверьте контраст с белым или чёрным текстом.
Для чего это нужно
Дизайнерам и разработчикам часто приходится переводить цвет из одного формата в другой: HEX из палитры, rgb() из таблицы стилей, HSL для создания более светлых или тёмных оттенков. Этот инструмент делает это за один шаг.
Он также вычисляет контраст цвета с белым и чёрным текстом по рекомендациям доступности WCAG: 4,5 к 1 для уровня AA и 7 к 1 для уровня AAA при обычном тексте.
CMYK — это простое преобразование, полезное как ориентир; для профессиональной печати лучше использовать цветовой профиль вашей программы для дизайна.
Что нужно учитывать
- CMYK вычисляется по стандартной формуле из RGB, без цветового профиля, поэтому может отличаться от того, что получится при печати.
- Названия цветов работают на английском (red, tomato, navy…).
- Встроенный выбор цвета может выглядеть по-разному в зависимости от браузера и устройства.
Частые вопросы
Как перевести HEX в RGB?
Введите HEX (например, #1e90ff), и инструмент сразу покажет соответствующий rgb(), а также HSL и CMYK.
Что такое контраст WCAG?
Это показатель того, насколько хорошо читается текст на фоне. Соотношение 4,5 к 1 соответствует уровню AA, а 7 к 1 — уровню AAA для обычного текста.
Поддерживаются ли цвета с прозрачностью?
Да: можно ввести #rrggbbaa, rgba() или hsla(), и они будут показаны вместе с прозрачностью.
Что-нибудь отправляется на сервер?
Нет. Все вычисления выполняются в вашем браузере.
Это бесплатно?
Да, это бесплатно, не требует регистрации и работает прямо в браузере.