Претворач RGB во Хекс

Што е тоа и како функционира

Како да конвертирате RGB во HEX

1. Повлечете ги лизгачите за црвена, зелена и сина — или залепете HEX-код директно во полето — за да поставите боја.
2. Гледајте го примерокот за преглед и вредностите HEX, RGB и HSL како се ажурираат во живо додека прилагодувате што било.
3. Кликнете на која било картичка со вредност за да ја копирате, подготвена за залепување во CSS, софтвер за дизајн или код.

Основи на бојата

RGB, HEX и HSL: која е разликата?

RGB, HEX и HSL ги опишуваат истите бои — тоа се само различни начини за запишување на истите броеви. RGB ја дефинира бојата според количината на црвена, зелена и сина светлина што се комбинираат за да ја создадат, секоја на скала од 0 до 255. HEX се истите RGB вредности препишани како компактен 6-цифрен код со основа 16, поради што rgb(31, 58, 95) и #1f3a5f се идентични бои. HSL, пак, ја опишува бојата преку нијанса (нејзината положба на тркалото на боите), заситеност (колку е живописна) и светлина — формат кој често е поинтуитивен за избирање сродни нијанси.

Каде обично се користи секој формат

Формат	Типична употреба	Зошто
ХЕКС	CSS, HTML, алатки за дизајн	Кратко, лесно за вметнување и споделување како еден ред
Црвено-зелено-сино	CSS со транспарентност (rgba)	Поддржува алфа-канал за проѕирноста
ХСЛ	Изработка на палети на бои	Лесно е да се создадат посветли/потемни или сродни нијанси со менување на еден број.

Веб-дизајн

Користење на овие вредности во CSS

Секој од трите формати работи директно во стилска датотека: color: #1f3a5f;, color: rgb(31, 58, 95); и color: hsl(210, 51%, 25%); сите прикажуваат идентична темно сина боја. HEX е најчестиот кратенка за цврсти бои, додека RGB (или неговиот rgba() варијанта) е корисна кога на бојата ѝ е потребна делумна транспарентност, а HSL овозможува едноставно генерирање на доследна низа нијанси со задржување на фиксна боја и прилагодување само на светлината.

Најчесто поставувани прашања

Често поставувани прашања

Дали овој RGB во HEX конвертор е бесплатен за користење?+

Да. Се извршува целосно со JavaScript во вашиот прелистувач, па нема сметка, нема API клуч и нема ограничување колку пати можете да го користите.

Дали моите податоци за боја се прикачуваат некаде?+

Не. Секоја конверзија се извршува локално во вашиот прелистувач. Ништо не се испраќа до сервер, не се зачувува ниту се логira.

Која е вистинската разлика помеѓу HEX и RGB?+

Тие ја опишуваат истата боја со различни нотации — HEX е шестцифрен запис во шеснаесетка за истите црвени, зелени и сини вредности што RGB ги запишува како три одделни броеви од 0 до 255.

Поврзани алатки

Алатки за дизајн и развој

• Генератор на палета бои — создадете целосна палета околу претворена боја.
• Генератор на фавикон — претворете слика во фавикон ресурси за веб-страница.
• JSON форматирач — уште еден брз прелистувач без регистрација.

Методологија

Како функционира овој конвертор

Вредностите се конвертираат во живо помеѓу RGB, HEX и HSL со JavaScript додека пишувате или избирате боја — ништо што ќе внесете не се прикачува на сервер ниту се зачувува некаде.

Последно ажурирано: 28 август 2026.