Что умеет инструмент
Конвертер цветов помогает быстро переводить значения между форматами HEX, RGB, RGBA и HSL для CSS, дизайна и интерфейсов. RGBA поддерживает альфа-канал для прозрачности.
Как использовать
- Введите цвет в формате HEX, RGB, RGBA или HSL.
- Посмотрите преобразованные значения и предпросмотр цвета.
- Скопируйте нужный формат кнопкой справа от поля.
Поддерживаемые форматы цвета
Конвертер принимает распространённые CSS-форматы: HEX, короткий HEX, RGB, RGBA и HSL. Он показывает эквивалентные значения и предварительный просмотр, чтобы быстро сверить цвет между дизайном, кодом и документацией.
HEX удобен для токенов и макетов, RGB часто встречается в инспекторах браузера, RGBA добавляет прозрачность, а HSL помогает мыслить оттенком, насыщенностью и светлотой. Один и тот же цвет можно хранить в разных форматах в зависимости от задачи.
Работа с альфой и округлением
В RGBA прозрачность можно задавать от 0 до 1 или в процентах, если такой формат поддерживает исходная строка. При переводе между форматами возможны небольшие округления, особенно для HSL, потому что разные представления описывают цвет через разные параметры.
Если цвет используется в дизайн-системе, после конвертации лучше зафиксировать один канонический формат и не гонять значение туда-обратно много раз. Так меньше риск накопить лишние расхождения в токенах.
Ограничения и проверка интерфейса
Инструмент помогает с синтаксисом, но не проверяет контраст, доступность, цветовые профили, wide-gamut значения или восприятие на разных экранах. Для интерфейса отдельно проверяйте WCAG-контраст, состояния hover/focus и видимость текста на фоне.
Все вычисления выполняются локально в браузере. Конвертер подходит для быстрых правок CSS, подготовки переменных, сверки с макетом и копирования значений в Pull Request или задачу дизайнеру.