RGB в HEX

Откуда берутся значения RGB

Значения со скриншота или из палитры приложения не всегда совпадают с цветом, заданным дизайнером. Экраны и скриншоты могут содержать профиль широкого цветового охвата, например Display P3, а палитра может показывать эти значения вместо значений sRGB, поэтому один и тот же цвет кнопки в каждом канале может отличаться на несколько единиц. По возможности берите значение из исходного файла или таблицы стилей либо из исходного изображения с помощью пипетки цвета изображения. Проценты преобразуются умножением на 2.55: rgb(40%, 77%, 18%) — это примерно 102, 196, 46.

Короткие коды и регистр букв

Результат всегда содержит шесть цифр в верхнем регистре. Для браузеров регистр не имеет значения, но единый регистр по руководству стилей делает поиск и замену надёжнее. Код можно сократить до трёх цифр, только если каждая пара состоит из одинаковых цифр: #AABBCC превращается в #ABC, а для #63C42D короткой формы нет. Дробные значения каналов округляются, поэтому два немного разных исходных значения могут дать один и тот же код. Чтобы проверить обратное преобразование, используйте HEX в RGB.

Как пользоваться

1. Введите значения RGB от 0 до 255.
2. Проверьте результат в формате HEX в реальном времени.
3. Скопируйте цвет.

Конфиденциальность и ограничения

Преобразование выполняется в браузере.