Як перевести колір з HEX у RGB
Переводьте кольори з HEX у RGB миттєво. Введіть значення HEX чи RGB або скористайтеся повзунками — усі формати оновлюються одночасно, з попереднім переглядом, формулою й таблицею поширених кольорів.
- Введіть або вставте значення HEX, наприклад #3B82F6, у відповідне поле вище.
- Значення RGB оновлюється одразу: #3B82F6 — це rgb(59, 130, 246). Інші формати й попередній перегляд кольору теж оновлюються.
- Скопіюйте значення RGB у свій CSS, дизайн-програму чи код.
Формула переведення HEX → RGB
Колір у HEX — це три пари шістнадцяткових цифр: червоний, зелений і синій. Переведіть кожну пару з основи 16 в основу 10 — отримаєте канали RGB:
#3B82F6 → rgb(59, 130, 246)
Поширені кольори: HEX і RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
Що таке HEX і RGB
Колір у HEX — це # і шість шістнадцяткових цифр: по дві на червоний, зелений і синій, від 00 (немає) до FF (максимум). Це найпоширеніший спосіб запису кольорів у CSS і дизайн-програмах.
RGB задає червоний, зелений і синій канали числами від 0 до 255, наприклад rgb(59, 130, 246). За цією моделлю екрани змішують світло.
Поширені запитання
Чи змінюється колір під час переведення?
HEX, RGB і HSL описують ті самі екранні кольори, тому переведення між ними точне (HSL округлюється до цілих). CMYK — для друку: результат залежить від колірного профілю принтера, тож значення CMYK з екрана — лише відправна точка.
Чи можна використати результат у CSS?
Так. CSS напряму приймає hex (#3B82F6), rgb(59, 130, 246) і hsl(217, 91%, 60%). CMYK — не формат CSS; його використовують у друку й дизайн-програмах.
А як щодо прозорості?
Додайте альфа-канал: 8-цифровий hex (#3B82F680) або rgba()/hsla() у CSS. Конвертер працює з непрозорим кольором; значення альфа однакове в усіх форматах.
Цей інструмент безкоштовний?
Так, він безкоштовний. Без реєстрації та електронної пошти. Результат на цій сторінці.
Як отримати результат?
Скористайтеся інструментом на цій сторінці. Результат з’явиться тут, без надсилання електронною поштою.