Конвертер HEX у RGB

Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.

HEX колір

CSSrgb(255, 87, 51)

Значення RGB255, 87, 51

Як це переводиться

ЧервонийFF255

Зелений5787

Синій3351

Потрібно навпаки? RGB у HEX

ЧервонийЗеленийСиній

#ff5733

Поділитися інструментом

Як перевести HEX у RGB?

Hex-код кольору - це три пари шістнадцяткових цифр, по одній парі на канал. Кожну пару переводять у десяткове число від 0 до 255: у #ff5733 ff - це 255 червоного, 57 - це 87 зеленого і 33 - це 51 синього, тож значення RGB - rgb(255, 87, 51). Цей конвертер робить це миттєво, поки ви друкуєте.

Як користуватися

1Введіть hex-код. Наберіть або вставте hex-колір на кшталт #ff5733 (або #f53), або оберіть його через піпетку кольору. Символ # не обов'язковий.
2Прочитайте значення RGB. Рядок rgb(), звичайні значення 0-255 і живий попередній перегляд кольору оновлюються під час введення, а розбір по каналах показує, як переводиться кожна пара hex.
3Скопіюйте потрібний формат. Натисніть Copy біля рядка rgb() або біля звичайних значень. Потрібно навпаки? Введіть нижче значення red, green і blue, щоб отримати hex-код назад.

Кому це знадобиться

Front-end розробники переводять hex-код із гайдлайну в rgb(), щоб додати прозорість через rgba().
Дизайнери переносять кольори бренду між інструментами, які приймають hex (CSS, Figma), і тими, що вимагають значення 0-255 (деякі застосунки для друку та відео).
Email- і маркетингові команди звіряють кольори кампанії між редакторами, які розуміють лише один формат запису.
Розробники ігор і застосунків передають значення каналів 0-255 у рушії та SDK, які не вміють розбирати hex-рядки.

Конвертер приймає будь-яку CSS-форму hex: 6-значну #ff5733, скорочену 3-значну #f53, а також 4- і 8-значні форми з альфа-каналом, із символом # або без нього. Він показує рядок rgb() чи rgba(), окремі значення каналів і розбір по кожному каналу - а ще рядок зворотного переведення RGB у HEX, коли потрібно навпаки. Усе працює прямо в браузері - без завантаження на сервер, без реєстрації, без обмежень.

Часті запитання

Цей конвертер HEX у RGB безкоштовний?

Так - він на 100% безкоштовний, без реєстрації і без обмежень. Працює повністю у вашому браузері.

Мої кольори кудись завантажуються?

Ні. Конвертація - це звичайний JavaScript, що виконується на вашому пристрої - нічого не надсилається на сервер, і інструмент продовжує працювати офлайн після завантаження сторінки.

За якою формулою HEX переводиться в RGB?

Hex-код ділиться на три пари, і кожна пара переводиться з шістнадцяткової системи в десяткову: першу цифру множать на 16 і додають другу (a=10 ... f=15). У #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.

Чи підтримується скорочений запис на кшталт #f53?

Так. У CSS-скороченні кожна цифра дублюється, тож #f53 розгортається в #ff5533 і переводиться в rgb(255, 85, 51). 4-значна форма працює так само, остання цифра при цьому задає альфа-канал.

Як перевести HEX у RGBA?

8-значний hex-код несе альфа-канал в останній парі. Цей байт (0-255) ділиться на 255, щоб отримати значення альфа від 0 до 1, яке очікує rgba(), з округленням до трьох знаків - так #ff573380 стає rgba(255, 87, 51, 0.502).

Чи можна перевести RGB назад у HEX?

Так. Скористайтеся рядком RGB у HEX під результатом: введіть значення red, green і blue від 0 до 255, і hex-код з'явиться миттєво. Значення поза діапазоном обрізаються до 0-255.

Навіщо потрібен rgb(), якщо є hex?

Насамперед для альфа-каналу і обчислень: rgba(255, 87, 51, 0.5) робить колір напівпрозорим, а багато API, ігрових рушіїв і дизайн-специфікацій очікують окремі числові значення каналів 0-255, а не hex-рядок.