Конвертер цветов
Конвертируйте цвета между HEX, RGB, HSL, HWB и CMYK с поддержкой прозрачности и предпросмотром.
Как это работает
Конвертер цветов мгновенно преобразует цвет между форматами HEX, RGB, HSL и HSB/HSV.
Как использовать:
- Введите значение цвета в любое поле (HEX, RGB, HSL или HSB).
- Остальные форматы обновятся автоматически.
- Используйте визуальный выбор цвета для графического выбора.
- Скопируйте нужный формат.
Пример: #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).
Ограничения: при конвертации между цветовыми пространствами возможны небольшие расхождения из-за округления. Инструмент охватывает цвета в стандартном пространстве sRGB.
Конфиденциальность: всё вычисляется локально, ничего не отправляется.
Практический пример
Введите #1E90FF: инструмент сообщит rgb(30, 144, 255) и hsl(210, 100%, 56%), опознает именованный CSS-цвет dodgerblue и покажет его относительную яркость по WCAG. Раздел гармоний сгенерирует комплементарный, аналогичные, триадные и расщеплённо-комплементарные цвета — щёлкните любой образец, чтобы загрузить его и продолжить подбор. Обратный путь не менее частый: вставьте rgb(30, 144, 255) из дизайн-инструмента и скопируйте hex для таблицы стилей — все форматы остаются синхронными при подстройке значения.
Сценарии использования
- Сопоставление цветов дизайна между инструментами
- Преобразование цветовой палитры бренда
- Создание вариантов цветов CSS
- Понимание цветовых моделей
- Экспорт значений цветов в разные среды
Часто задаваемые вопросы
- В чём разница между HSL и HSB?
- HSL (тон, насыщенность, светлота) и HSB/HSV (тон, насыщенность, яркость) используют разные определения компонента яркости.
- Почему конвертированные значения немного отличаются?
- Из-за округления при математических преобразованиях.
- Можно ли вводить CSS-цвет по имени?
- Нет, используйте эквивалентный шестнадцатеричный код.
- Поддерживается ли формат RGBA?
- Инструмент охватывает HEX, RGB, HSL и HSB без альфа-канала.
- Как скопировать значение?
- Нажмите на нужное поле результата для выделения и скопируйте.