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

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

Червоний

Зелений

Синій

Додати прозорість (RGBA)

Готові кольори

Обрати колір

6-значний HEX#4F46E5

Пари каналів HEX

4F46E5

rgb(79, 70, 229)

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

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

Переведіть десяткові значення червоного, зеленого та синього каналів у двозначні шістнадцяткові пари, а потім об'єднайте їх після символу #. RGB(255, 87, 51) дає FF, 57 і 33, тому HEX-колір має вигляд #FF5733. Конвертер обчислює результат миттєво й може додати альфа-пару для прозорості.

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

1Введіть канали RGB. Задайте червоний, зелений і синій як цілі числа від 0 до 255 або налаштуйте їх синхронізованими повзунками.
2Перевірте живий перегляд. Зразок кольору й 6-значний результат HEX оновлюються миттєво. Можна також натиснути на зразок і вибрати колір візуально.
3За потреби додайте прозорість. Увімкніть прозорість, щоб створити 8-значний HEX-код, а потім задайте значення від 0 до 100 відсотків.
4Скопіюйте HEX-код. Натисніть Копіювати, щоб помістити готовий для CSS код кольору в буфер обміну.

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

Розробники інтерфейсів переводять значення з інструментів розробника у браузері або декларацій CSS rgb() у компактні HEX-кольори.
Дизайнери інтерфейсів переносять брендований RGB-колір у програми та дизайн-системи, які очікують 6-значні значення HEX.
Команди електронної пошти й реклами переносять точні кольори між редакторами, що показують різні формати.
Розробники ігор і візуалізацій даних перетворюють числові канали кольору на зручні позначення палітри.

Канали RGB використовують десяткові значення від 0 до 255. HEX записує ті самі три канали як пари у системі числення з основою 16, від 00 до FF. Введіть значення, пересуньте повзунки, виберіть готовий колір або натисніть на попередній перегляд, щоб скористатися піпеткою браузера. Увімкніть прозорість, якщо потрібен 8-значний формат #RRGGBBAA. Перетворення виконується локально у браузері, без завантаження даних і без облікового запису.

RGB	HEX
rgb(255, 0, 0)	`#FF0000`
rgb(0, 128, 255)	`#0080FF`
rgb(15, 23, 42)	`#0F172A`

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

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

Так. Конвертер безкоштовний, без реєстрації, завантаження програми й обмеження кількості перетворень. Введіть канали RGB, скористайтеся повзунками або виберіть колір і одразу скопіюйте результат.

Мої значення RGB завантажуються на сервер?

Ні. Перетворення RGB у HEX є простим обчисленням, яке повністю виконується у браузері. Значення кольорів нікуди не завантажуються й не надсилаються зовнішньому сервісу.

Які значення RGB можна вводити?

Введіть ціле число від 0 до 255 для кожного червоного, зеленого й синього каналу. Нуль означає відсутність каналу, а 255 його найбільшу інтенсивність. Конвертер позначає дроби, порожні поля та числа поза діапазоном, а не змінює їх непомітно.

Яка формула перетворення RGB у HEX?

Переведіть кожен десятковий канал RGB у систему з основою 16 і доповніть до двох цифр. Розташуйте спочатку червоний, потім зелений і синій, а на початку поставте #. Для rgb(255, 87, 51) пари мають вигляд FF, 57 і 33, разом це #FF5733.

Чи можуть HEX-кольори містити прозорість?

Так. CSS підтримує 8-значний формат #RRGGBBAA. Остання пара задає альфа-канал: 00 означає повну прозорість, а FF повну непрозорість. Увімкніть прозорість у конвертері, щоб перевести відсоток у цю останню пару.

Чи має значення регістр літер у HEX?

Ні. CSS не розрізняє великі й малі літери у цифрах HEX, тому #FF5733 і #ff5733 позначають той самий колір. Конвертер використовує великі літери, бо так легше читати пари каналів, але на вебсторінках працюють обидва записи.

Чому 50 відсотків прозорості стає 80 у HEX?

Альфа-канал має 256 байтових значень від 00 до FF. Половина від 255 дорівнює 127,5, що округлюється до 128. Десяткове 128 у шістнадцятковому записі має вигляд 80, тому 50 відсотків додає в кінці пару 80.