Перевод RGB в hex и обратно

Онлайн-калькулятор переводит цветовые коды между форматами RGB и HEX в любую сторону. Это удобный способ быстро получить нужное значение цвета, пригодится в веб-дизайне, графике и программировании.

В коде HEX каждый канал RGB записан парой шестнадцатеричных цифр (система счисления с основанием 16): красный (RR), зелёный (GG), синий (BB), полная запись выглядит как #RRGGBB. Короткий вариант из трёх символов, например #AFE, разворачивается в шесть: каждая цифра удваивается, и #AFE превращается в #AAFFEE.

Как пользоваться. Введите цвет в поле HEX (например, #FF0000 или короткий #F00) или в поле RGB (например, rgb(255,0,0)) и нажмите «Вычислить». Калькулятор переведёт код в другой формат, покажет компоненты R, G и B и образец цвета. Можно менять любое поле, расчёт выполняется по последнему отредактированному значению.

Что такое RGB и HEX. RGB (Red, Green, Blue) задаёт цвет тремя числами от 0 до 255, то есть интенсивностью красного, зелёного и синего каналов. HEX это тот же цвет в шестнадцатеричной записи: после символа # идут пары RR, GG, BB. Например, белый это rgb(255,255,255) или #FFFFFF, чёрный это rgb(0,0,0) или #000000.

Короткий и полный HEX. В CSS и HTML часто пишут сокращённый код из трёх символов: #FFF означает #FFFFFF, #F00 соответствует #FF0000. Каждая цифра дублируется. Символ # в начале необязателен, калькулятор понимает и afe, и #afe.

Примеры. #AFE даёт rgb(170,255,238) (светло-бирюзовый), rgb(128,64,32) соответствует #804020 (коричневый), #336699 это rgb(51,102,153) (синевато-серый). Для веб-страниц и стилей обычно используют HEX или rgb() в CSS; в графических редакторах чаще встречается RGB.

Советы. Компоненты RGB должны быть целыми числами от 0 до 255. В записи rgb() допустимы пробелы. Если код не распознан, проверьте длину HEX (3 или 6 символов после #) и что используются только цифры 0-9 и буквы A-F.