Бесплатный Конвертер HEX в RGB - Конвертер Цветового Кода и Палитра

Конвертация HEX в RGB

Этот инструмент считывает HEX-код цвета и показывает тот же цвет в форматах RGB, HSL, CMYK и как 8-значное значение HEX/RGBA, а также живой образец цвета, превью контраста и воспринимаемую яркость. Вы вводите или вставляете код, либо выбираете цвет визуально, и все форматы обновляются одновременно.

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

6-значный HEX-код делится на три пары по 2 символа, каждая из них является шестнадцатеричным числом от 00 до FF (от 0 до 255 в десятичной системе) для красного, зелёного и синего. В короткой 3-значной форме каждая цифра сначала удваивается, поэтому #39F превращается в #3399FF, прежде чем применяется то же разделение. Из этой тройки RGB вычисляется HSL: среднее самого светлого и самого тёмного канала даёт светлоту, разница между ними определяет насыщенность, а порядок каналов определяет оттенок. CMYK рассчитывается как справочное значение: K находится по наибольшему из трёх каналов, а голубой, пурпурный и жёлтый масштабируются относительно него. Воспринимаемая яркость использует веса ITU-R BT.601: R умножить на 299 плюс G умножить на 587 плюс B умножить на 114, делённое на 1000; результат выше 128 отмечается как Светлый, а результат ниже 128 отмечается как Тёмный, это же значение определяет цвет текста в превью контраста. То же поле распознаёт и строку rgb(r, g, b), введённую напрямую вместо HEX-кода, а каждый выбор в палитре обновляет поле HEX автоматически. Если код не удаётся распознать, инструмент показывает сообщение об ошибке прямо под полем ввода вместо того, чтобы догадываться о цвете. У каждого преобразованного значения есть своя кнопка копирования, которая после нажатия ненадолго превращается в галочку, поэтому можно скопировать только строку RGB, CMYK или строку CSS, не трогая остальное.

Пример расчёта

Возьмём #3A86FF. Пары дают R=58, G=134, B=255, то есть RGB(58, 134, 255). Среднее самого светлого и самого тёмного канала даёт светлоту 61%, разница между ними насыщенность 100%, а оттенок оказывается на 217 градусах, вместе HSL(217, 100%, 61%). Те же значения RGB дают cmyk(77%, 47%, 0%, 0%) по формуле CMYK. 8-значная форма записывается как #3A86FFFF, а строка CSS выглядит как color: #3A86FF;. Яркость получается 125 из 255, ниже порога 128, поэтому инструмент отмечает цвет как Тёмный и переключает превью контраста на белый текст.

Пример вывода

Input:  #3A86FF

Output: {
  "rgb":  "rgb(58, 134, 255)",
  "hsl":  "hsl(217, 100%, 61%)",
  "cmyk": "cmyk(77%, 47%, 0%, 0%)",
  "hex8": "#3A86FFFF",
  "css":  "color: #3A86FF;"
}