Конвертер цветов — HEX в RGB, HSL и HSV онлайн
HEX —
RGB —
HSL —
HSV —
Вставьте любое значение цвета — HEX, RGB, HSL или HSV — и мгновенно получите его во всех остальных форматах. Используйте палитру для визуального выбора или введите значение вручную. Всё работает локально в браузере, ваши цвета остаются конфиденциальными.
Как это работает
- 1 Введите значение цвета Введите или вставьте цвет в любом поддерживаемом формате: HEX (#3b82f6 или #f60), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)) или HSV (hsv(217, 76%, 96%)).
- 2 Или воспользуйтесь палитрой Нажмите на цветной квадрат рядом с полем ввода, чтобы открыть встроенную палитру браузера. Выбранный цвет появится в поле ввода в формате HEX и будет конвертирован во все форматы.
- 3 Скопируйте нужный формат Нажмите кнопку «Копировать» рядом с любой строкой результата, чтобы скопировать значение цвета в буфер обмена.
Ваши данные защищены
Всё обрабатывается прямо в вашем браузере. Никакие файлы или текст не отправляются на наши серверы. Отключите интернет — инструмент продолжит работать.
Часто задаваемые вопросы
- Какие форматы цветов поддерживаются?
- HEX (#rrggbb или сокращённый #rgb), RGB (rgb(r, g, b) со значениями 0–255), HSL (hsl(h, s%, l%) с оттенком 0–360) и HSV (hsv(h, s%, v%), также называемый HSB в некоторых инструментах).
- В чём разница между HSL и HSV?
- Оба формата используют оттенок (hue) и насыщенность (saturation), но третий канал отличается. HSL использует светлость (Lightness) — при 100% любой цвет становится белым. HSV использует значение (Value, яркость) — при 100% получается чистый насыщенный цвет, а 0% всегда даёт чёрный. HSL распространён в CSS; HSV — в дизайн-инструментах типа Photoshop и Figma.
- Почему сокращённый HEX (#abc) разворачивается в длинный?
- Трёхзначный HEX — это сокращение, где каждая цифра удваивается: #abc идентичен #aabbcc. Конвертер приводит его к полной шестизначной форме для максимальной совместимости.
- Насколько точны результаты конвертации?
- Конвертация HEX и RGB точная. Значения HSL и HSV округляются до целых, поэтому многократная конвертация туда и обратно может сдвигать последнюю цифру на ±1 — это артефакт отображения, не влияющий на восприятие цвета.
- Мои данные куда-то передаются?
- Нет. Вся конвертация выполняется в JavaScript прямо в вашем браузере. Никакие данные не отправляются на сервер.