Utilore

HEX в RGB

Вставьте HEX-код и прочитайте каналы RGB. #1f5fd6 превращается в rgb(31, 95, 214), а если в коде есть альфа-канал, вы получите rgba() с сохранённой прозрачностью.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Контраст:

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

  1. Вставьте HEX-код — с решёткой или без неё.
  2. Прочитайте значение RGB ниже; при альфа-канале появится RGBA.
  3. Нажмите «Скопировать» рядом со строкой RGB.

Полезно знать

Что на самом деле означают шесть знаков

HEX — это запись трёх чисел в шестнадцатеричной системе. Первая пара — красный, вторая — зелёный, третья — синий, каждая от 00 до FF, то есть от 0 до 255 в привычной десятичной записи RGB. Трёхзначный код вроде #1f5 — сокращение: каждый знак удваивается и получается #11ff55.

Где нужен именно RGB

Интерфейсы canvas и SVG, объекты цвета в Android и iOS, любой код, который цвет вычисляет, а не пишет буквами, — все они говорят каналами. И только через RGB можно задать прозрачность, не прибегая к восьмизначному HEX, который старые браузеры читают неверно.

Частые вопросы

Понимает ли он восьмизначный HEX с прозрачностью?

Да. Последняя пара — альфа-канал; он становится четвёртым значением в rgba() и переводится из 0–255 в шкалу 0–1, которую ждёт CSS.

Обязательна ли решётка?

Нет. Принимаются и «1f5fd6», и «#1f5fd6», как и сокращённые записи из трёх или четырёх знаков.

Что-нибудь покидает браузер?

Нет. Перевод — это арифметика на странице: ничего не загружается и не записывается.

Похожие инструменты