Utilore

RGB в HEX

Вставьте rgb(31, 95, 214) — с запятыми или пробелами, неважно — и получите #1f5fd6, готовый для CSS, макета или гайдлайна.

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

Контраст:

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

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

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

Почему дизайнеры просят HEX

HEX — это одна короткая запись вместо трёх чисел: её можно вставить в спецификацию, задачу или сообщение, не потеряв ни одного знака. К тому же именно эту запись по умолчанию показывают редакторы макетов, поэтому палитра в HEX совпадает с тем, что видят все остальные.

Что происходит с альфа-каналом

Если передать rgba() с прозрачностью, на выходе будет восьмизначный HEX: последняя пара кодирует альфу от 0 до 255. Современные браузеры читают его правильно, старые — нет, поэтому там, где нужна широкая поддержка, оставляйте rgba().

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

Обязательно ли писать rgb(...) вокруг чисел?

Принимается полная запись с запятыми или пробелами — и rgb(), и rgba(). Значения больше 255 обрезаются до предела, а не «перескакивают» молча.

Почему мой HEX из восьми знаков?

Потому что у цвета есть альфа-канал. Уберите прозрачность — получите привычный шестизначный код.

Что-нибудь отправляется на сервер?

Нет. Весь перевод идёт на странице, поэтому неопубликованные фирменные цвета остаются у вас.

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