Конверторът приема всеки CSS hex формат: 6-цифрен #ff5733, 3-цифрото съкращение #f53, както и 4- и 8-цифрените форми с алфа канал, с или без диеза #. Показва низа rgb() или rgba(), отделните стойности на каналите и разбивка по канали - а също и ред RGB към HEX за обратната посока. Всичко работи в браузъра ви - без качване, без акаунт, без ограничения.
HEX към RGB конвертор
Работи изцяло в браузъра - без качване и без регистрация.
rgb(255, 87, 51)255, 87, 51FF25557873351Търсите обратното? 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() или до суровите стойности. Трябва ли обратното? Въведете червено, зелено и синьо по-долу, за да получите hex кода.
За кого е
- Front-end разработчици, които превръщат hex код от стилово ръководство в rgb(), за да добавят прозрачност чрез rgba().
- Дизайнери, които местят цветовете на бранда между инструменти, изискващи hex (CSS, Figma), и такива, изискващи стойности 0-255 (някои приложения за печат и видео).
- Имейл и маркетинг екипи, съгласуващи цветовете на кампания между редактори, приемащи само един запис.
- Разработчици на игри и приложения, подаващи стойности на каналите 0-255 към engine-и и SDK-та, които не разчитат hex низове.
Често задавани въпроси
Безплатен ли е този конвертор от HEX към RGB?
Да - напълно безплатен е, без регистрация и без ограничения. Работи изцяло в браузъра ви.
Качват ли се някъде моите цветове?
Не. Конвертирането е обикновен JavaScript, изпълняван на вашето устройство - нищо не се изпраща към сървър и продължава да работи офлайн, след като страницата се зареди.
Каква е формулата за конвертиране на HEX в RGB?
Разделете hex кода на три двойки и превърнете всяка двойка от основа 16 в десетична: умножете първата цифра по 16 и прибавете втората (a=10 ... f=15). При #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Поддържа ли 3-цифрено съкращение като #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 под резултата: въведете стойности за червено, зелено и синьо от 0 до 255 и той връща hex кода мигновено. Стойности извън диапазона се ограничават до 0-255.
Защо са ми нужни rgb() вместо hex?
Основно заради алфа канала и заради изчисления: rgba(255, 87, 51, 0,5) прави цвета полупрозрачен, а много API-та, игрови engine-и и дизайн спецификации очакват отделни числа за канали 0-255, а не hex низ.