Конвертер цветовых кодов

#FF0000
HEX
RGB / RGBA
HSL / HSLA
HSV / HSVA
CMYK
LAB

Руководство по цветовым форматам

HEX

Шестнадцатеричный код цвета, начинающийся с #. 6 цифр представляют RGB (две цифры на канал), 8 цифр добавляют альфа-прозрачность. Наиболее часто используется в веб-разработке.

#FF0000 / #FF000080

RGB / RGBA

Аддитивная цветовая модель, использующая красный, зелёный и синий свет. Каждый канал 0-255. RGBA добавляет альфа-канал (0-255) для прозрачности. Стандартный формат для экранов.

rgb(255, 0, 0)

HSL / HSLA

Цветовая модель Тон-Насыщенность-Светлота. H — положение на цветовом круге (0-360°), S — насыщенность (0-100%), L — светлота (0-100%). Более интуитивна для человека, чем RGB.

hsl(0, 100%, 50%)

HSV / HSVA

Цветовая модель Тон-Насыщенность-Значение (также известна как HSB). H — тон (0-360°), S — насыщенность (0-100%), V — яркость (0-100%). Обычно используется в палитрах графических редакторов и дизайнерского ПО.

hsv(0, 100%, 100%)

CMYK

Субтрактивная цветовая модель Голубой-Пурпурный-Жёлтый-Чёрный, стандарт для четырёхцветной печати. Каждый канал 0-100%. Имеет другой цветовой охват, чем RGB — некоторые цвета RGB невозможно точно преобразовать.

cmyk(0%, 100%, 100%, 0%)

CIE LAB

Независимое от устройства цветовое пространство, определённое Международной комиссией по освещению. L — светлота (0-100), a — от зелёного к красному (-128~127), b — от синего к жёлтому (-128~127). Перцептивно равномерно — цветовые различия пропорциональны числовым различиям.

lab(53, 80, 67)

О конвертере цветовых кодов

Бесплатный онлайн конвертер цветовых кодов

Конвертер цветовых кодов поддерживает двунаправленную конвертацию между HEX, RGB, HSL, HSV, CMYK и CIE LAB. Все вычисления выполняются локально в вашем браузере — данные не загружаются, ваша конфиденциальность защищена. Полная поддержка альфа-канала с предпросмотром цвета в реальном времени.


Особенности

  • Поддерживает HEX (6/8 цифр), RGB/RGBA, HSL/HSLA, HSV/HSVA, CMYK, CIE LAB
  • Двунаправленная конвертация в реальном времени
  • Полная поддержка альфа-канала
  • Встроенный системный пипетка
  • Копирование в один клик
  • 100% локальная обработка

Использование

  1. 1Введите цвет в любом формате
  2. 2Все форматы обновляются автоматически
  3. 3Нажмите на образец для выбора цвета
  4. 4Используйте кнопку копирования

ЧаВо

Разница между HEX 6 и 8 цифр?
6-значный HEX (напр. #FF0000) не имеет альфа-канала. 8-значный HEX (напр. #FF000080) добавляет две цифры для альфа-канала (00=прозрачный, FF=непрозрачный).
Что означают значения a и b в LAB?
В CIE LAB 'a' представляет переход от зелёного к красному (отрицательное=зелёный, положительное=красный), а 'b' — от синего к жёлтому (отрицательное=синий, положительное=жёлтый). L обозначает светлоту (0=чёрный, 100=белый).
Разница между CMYK и RGB?
RGB — аддитивная цветовая модель для экранов (красный, зелёный, синий свет). CMYK — субтрактивная модель для печати (голубой, пурпурный, жёлтый, чёрный). Из-за разных цветовых охватов некоторые цвета RGB невозможно идеально представить в CMYK.
Данные отправляются на сервер?
Нет. Все вычисления выполняются в вашем браузере. Никакие цветовые данные не загружаются на сервер.
Поддерживается ли альфа-прозрачность во всех форматах?
HEX (8 цифр), RGBA, HSLA и HSVA поддерживают альфа. CMYK и CIE LAB не включают альфа-канал в свои стандарты, поэтому при его наличии эти форматы игнорируют значение альфа.
Насколько точны преобразования?
Все преобразования используют стандартные алгоритмы (цветовое пространство sRGB, источник света D65, стандартный наблюдатель 2°). Незначительные ошибки округления могут возникать при преобразовании между различными цветовыми пространствами, такими как RGB в CMYK или LAB, но обычно они незначительны для практического использования.

Связанные инструменты

Форматтер кодаXML форматировщикКонвертер UnicodeКонвертер систем счисленияКодер и декодер Base64URL Encoder DecoderЭкранирование HTML-сущностейCookie в JSONЭкранирование Unicode JSONMD5 EncoderJWT Декодирование Проверка КодированиеJSON в CookieГенератор и анализатор UUIDТестер регулярных выраженийКоды состояния HTTPНомера портовПросмотрщик User-AgentОтпечаток моего браузераСнятие экранирования JSON UnicodeГенератор и парсер Cron-выраженийПоиск IP-адреса