Конвертер цветов – HEX, RGB, HSL

Конвертация цветов между HEX, RGB и HSL

При работе с цветами в разных инструментах — редакторах, браузерах, дизайн-программах — часто приходится переводить значения из одного формата в другой. Этот конвертер поддерживает три самых распространённых формата: HEX, RGB и HSL.

Инструмент автоматически определяет введённый формат и показывает эквиваленты во всех трёх представлениях. Никаких переключателей и дополнительных шагов — просто вставьте значение и получите результат.

Поддерживаемые цветовые форматы

• HEX — например, #3B82F6 или #f00 (сокращённая запись)
• RGB — например, rgb(59, 130, 246)
• HSL — например, hsl(217, 91%, 60%)

Каждое выходное значение отформатировано как готовый CSS-код, который можно сразу вставить в стили.

Как пользоваться конвертером

1. Введите цветовое значение в поле ввода — HEX, RGB или HSL
2. Формат определяется автоматически
3. Под полем ввода появятся значения во всех трёх форматах
4. Нажмите кнопку копирования рядом с нужным форматом

Типичные сценарии использования

• Перевести HEX-код из макета в RGB для CSS
• Получить HSL-версию цвета, чтобы настроить яркость или насыщенность
• Преобразовать RGB из графического редактора в HEX для HTML
• Быстро проверить, совпадают ли два цвета, записанные в разных форматах

Когда использовать HEX, RGB или HSL

HEX — самый компактный формат, широко используется в CSS и HTML. RGB распространён в графических редакторах и инструментах обработки изображений. HSL — наиболее понятный человеку: он разделяет тон, насыщенность и светлоту, что упрощает ручную настройку цвета.

Единого «лучшего» формата не существует. Используйте тот, который требует ваш рабочий процесс, а когда нужно переключиться — конвертер сделает это мгновенно.

Часто задаваемые вопросы

Как перевести HEX в RGB?

Вставьте HEX-код (например, #3B82F6) в поле ввода. RGB-значение появится мгновенно.

Как конвертировать RGB в HEX?

Введите значение в формате rgb(59, 130, 246). HEX-код и HSL-значение отобразятся автоматически.

Что такое HSL?

HSL расшифровывается как Hue (тон), Saturation (насыщенность) и Lightness (светлота). Этот формат описывает цвет так, как его воспринимает человек — можно легко менять яркость или насыщенность, не затрагивая основной оттенок.

Поддерживается ли сокращённая запись HEX?

Да. Вы можете вводить сокращённые коды вроде #f00 или #abc — они будут корректно развёрнуты и конвертированы.

Конвертер бесплатный?

Да. ColourPicker.app полностью бесплатен и не требует регистрации.

Работает ли конвертер на телефоне?

Да. Конвертер цветов работает на любом устройстве с современным браузером — компьютере, планшете или смартфоне.