Инструменты цвета

Онлайн-конвертер цветов | Синхронизация RGB, HEX, HSL, HSV и CMYK

Бесплатный онлайн-конвертер цветов для RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK и CMYKA. Редактируйте любой формат, и все остальные цветовые значения будут мгновенно обновляться.

Мгновенная синхронизацияБез загрузки файлов

Визуальный предпросмотр

Используйте образец, встроенный выбор цвета и ползунок alpha, чтобы точно настраивать один и тот же цвет во всех форматах.

Цвет предпросмотра

#3B82F6

rgba(59, 130, 246, 0.84)

Палитра цвета

#3B82F6

Альфа

0.84

Живые каналы

HEX

R: 59
G: 130
B: 246
A: 0.84

Совет по редактированию

Если во время ввода поле временно становится некорректным, последняя валидная цветовая схема остаётся активной. Завершите значение, и остальные форматы автоматически синхронизируются снова.

Мгновенная синхронизацияБез загрузки файлов

Двунаправленный редактор цветовых форматов

Все форматы ниже можно редактировать. Измените HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK или CMYKA, и остальные цветовые модели сразу останутся синхронизированными.

HEX

источник

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Объяснение

RGB

RGB — это стандартная цветовая модель, состоящая из каналов красного (R), зелёного (G) и синего (B). Изменяя интенсивность этих трёх каналов, RGB может передать большинство цветов, видимых на экранах. Это одна из самых распространённых систем цветов в цифровой среде.

RGBA

RGBA — это RGB с альфа-каналом для прозрачности. R, G и B обычно используют значения от 0 до 255, а A — от 0 до 1 или от 0% до 100%. Формат часто применяется в CSS, когда одному и тому же цвету нужна разная непрозрачность.

HEX

HEX — это шестнадцатеричный способ представления цветов. Он широко используется в веб-дизайне и CSS, потому что компактен и удобен для копирования. Значение вроде #2E8B57 хранит красный, зелёный и синий в виде шестнадцатеричных пар, а расширенные варианты могут включать и прозрачность.

HSL

HSL (тон, насыщенность, светлота) представляет RGB-цвета в цилиндрической системе координат. H обозначает базовый оттенок, S — чистоту цвета, а L — яркость. 0% — самый тёмный вариант, 50% — сбалансированный, 100% — самый светлый.

HSLA

HSLA — это вариант HSL с альфа-каналом. Он сохраняет тон, насыщенность и светлоту и добавляет прозрачность, что делает его удобным для теней, полупрозрачных заливок, оверлеев и состояний интерфейса.

HSV

HSV (тон, насыщенность, значение) — это цветовое пространство, созданное A. R. Smith в 1978 году, также известное как Hexcone Model. Поскольку Value напрямую описывает воспринимаемую яркость, HSV часто удобен для интуитивного выбора цвета.

HSVA

HSVA расширяет HSV альфа-каналом. Это полезно, если вы хотите использовать модель тона, насыщенности и значения и одновременно описывать непрозрачность для цветов интерфейса и многослойной графики.

CMYK

CMYK — это цветовая модель, используемая в полиграфии. Печатные материалы видны благодаря отражённому свету, поэтому CMYK подходит для газет, упаковки и буклетов. В отличие от экранного RGB, CMYK создан для красок на бумаге.

CMYKA

CMYKA расширяет CMYK добавлением альфа-канала. Это полезно, когда нужно описать значения cyan, magenta, yellow и key вместе с прозрачностью для передачи дизайна или многослойных материалов.

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

Вставьте или введите значение в любое поле формата, например HEX, RGB, RGBA, HSL, HSV или CMYK.

Как только значение станет корректным, инструмент автоматически преобразует его во все остальные поддерживаемые форматы цветов.

Используйте панель предпросмотра, выбор цвета, ползунок alpha и действия копирования, чтобы точно настроить и экспортировать нужный цвет.

Ключевые возможности

Двунаправленная синхронизация форматов

Изменяйте любой поддерживаемый формат и поддерживайте RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK и CMYKA синхронизированными в реальном времени.

Визуальное управление цветом

Сразу смотрите текущий цвет с помощью живого образца, выбора цвета браузера, ползунка alpha и показаний каналов.

Конвертация в браузере

Каждое поле принимает привычный синтаксис, а вся конвертация происходит в браузере быстро и конфиденциально.

FAQ по конвертеру цветов

Можно ли редактировать любой цветовой формат и обновлять все остальные?

Да. Конвертер синхронизирует значения в обе стороны. Если вы измените RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK или CMYKA, остальные форматы обновятся сразу после ввода корректного значения.

Как обрабатывается прозрачность при конвертации?

HEX показывается без alpha, потому что страница сосредоточена на запрошенных форматах. Прозрачность сохраняется в RGBA, HSLA, HSVA и CMYKA, а предпросмотр всегда отражает текущую непрозрачность.

Этот конвертер цветов приватный?

Нет. Вся логика конвертации выполняется локально в вашем браузере, поэтому цветовые значения не отправляются на сервер.