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

Што прави оваа страница

Оваа страница прима три броеви – црвена, зелена и сина вредност, секоја помеѓу 0 и 255 – и веднаш го прикажува нивниот еквивалентен хексадецимален код за боја (на пример, #1E90FF). Алатката исто така го покажува самиот примерок од бојата и ги ажурира сите останати поддржани формати за бои истовремено: HSB, HSV, CMYK, LAB и палетата за избор на боја. Тоа значи дека можете да го добиете хекс кодот и веднаш да го користите во CSS, во софтвер за дизајн или во било кој друг работен тек што очекува хексадецимална боја.

Конверзијата е моментална и се случува без кликнување на копче за „претвори“. Промената на било кое поле во алатката предизвикува ажурирање на сите останати полиња. Ова е особено корисно кога работите со повеќе формати истовремено и сакате да ја задржите конзистентноста на боите низ различни алатки.

Што ја прави оваа страница различна

Клучната разлика на оваа страница е што таа конвертира од RGB (децимална вредност, три канали 0‑255) во хексадецимален код (шестцифрен или трицифрен скратен облик). Двата формата го претставуваат истиот простор на бои – sRGB просторот што го користат повеќето екрани – па затоа нема скратување на гамата или приближување. Конверзијата е точна и реверзибилна.

Излезниот хекс код секогаш започнува со # и, освен ако не го користите осумцифрениот облик (со алфа канал), нема алфа канал. Тоа значи дека алатката произведува стандарден хексадецимален код што CSS очекува за својства како color или background-color.

Влезот за RGB очекува три броеви разделени со запирки или празни места, на пример 79, 70, 229. Добиениот хекс код секогаш е шестцифрен (на пример #4F46E5), бидејќи секоја вредност 0–255 се пресликува во два хексадецимални знака. Алатката не автоматски ги собира двојките во трицифрен скратен запис (на пример #AABBCC останува #AABBCC, не #ABC). Сепак, полето за внес на хекс код прифаќа трицифрен скратен запис (на пример #abc), кој алатката внатрешно го проширува до шестцифрен (на пример #aabbcc).

Вредностите што ги внесувате никогаш не се испраќаат на сервер – целата обработка се одвива во вашиот прелистувач. Ова значи дека вашите податоци остануваат приватни и дека алатката работи и без интернет-врска откако страницата е вчитана.

Влезни и излезни податоци

Влез: Три децимални броеви за црвена (R), зелена (G) и сина (B) компонента, секој во опсегот 0–255. Пример: 79, 70, 229.

Излез: Шестцифрен хексадецимален код за боја со префикс #. Пример: #4F46E5. Покрај тоа, алатката прикажува обоен квадрат (swatch) и ги ажурира сите други формати: HSL, HSV, CMYK, LAB и палетата за избор на боја.

Како да ги внесете вредностите: Можете да користите запирки, празни места или комбинација од нив за да ги одделите броевите. На пример, сите следниве се валидни:

• 25, 181, 254
• 25 181 254
• 25,181,254

Алатката ги игнорира дополнителните празни места. Внесувањето на празна низа или на нешто што не се толкува како три броеви предизвикува грешка.

Правила и гранични случаи

• Опсег на вредности: Секој внесен број мора да биде помеѓу 0 и 255. Ако некој број е надвор од тој опсег или ако форматот е невалиден, алатката прикажува порака за грешка:
  „Enter RGB as three numbers 0–255, like 79, 70, 229.“
  Оваа порака е наменета да ве насочи кон правилен формат.

• Конверзија без загуби: Бидејќи RGB и хексадецималниот код работат во истиот sRGB простор на бои, не постои можност за отстапување на бојата. Секој пар на RGB вредности има точно еден хексадецимален еквивалент и обратно.

• Шестцифрен излез, но трицифрен прифатен внес: Како што спомнавме, излезот секогаш е шестцифрен. Меѓутоа, во полето за внес на хекс код можете да напишете трицифрен скратен запис (на пример #f0a), кој алатката автоматски го проширува во #ff00aa. Оваа можност е корисна ако работите со скратен CSS запис, но алатката сепак ќе го врати целосниот шестцифрен облик во излезните полиња.

• Не се додава алфа канал: Стандардниот хекс код има 6 знаци (#RRGGBB). Ако ви треба проѕирност, треба да користите осумцифрена нотација (#RRGGBBAA) која оваа алатка не ја поддржува од влезните RGB полиња – бидејќи RGB не содржи алфа канал. Меѓутоа, некои други делови на алатката (на пр. палетата за избор на боја) може да поддржуваат алфа, но не е во опсегот на оваа страница.

За кого е наменета оваа алатка

Алатката е корисна за:

• Фронтенд-програмери кои пишуваат CSS или внатрешни стилови што бараат хексадецимални вредности за боите. Наместо да пресметуваат со калкулатор, тие ги внесуваат RGB броевите што ги добиле од дизајнерските спецификации и веднаш го добиваат готовиот код.

• UI/UX дизајнери кои добиваат спецификации за бои како RGB тројки (на пример, од Photoshop или од прегледувачот на развојни алатки) и треба да ги претворат за предавање на кодот или за алатки како Figma, Sketch или Adobe XD.

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

• Студенти или хобисти кои учат како функционираат дигиталните бои, како децималната вредност од 0 до 255 се преведува во хексадецимален запис и како двата формата се поврзани.

• Секој што користи податоци од палета за избор на боја (на пример, од GIMP, Photoshop или развојни алатки на прелистувачот) што даваат RGB вредности и му треба соодветниот хекс код за стилската датотека.

Како работи конверзијата од RGB во хексадецимален код

За да разберете што прави алатката, еве го математичкиот процес што се извршува во заднина.

Секоја RGB компонента (R, G, B) е број помеѓу 0 и 255. За да се претвори во хексадецимален код, бројот се дели со 16. Количникот (целиот дел) е првиот хексадецимален знак, а остатокот е вториот.

Пример: Земете ја црвената вредност 79.

1. 79 ÷ 16 = 4, остаток 15
2. Количникот 4 во хексадецимален систем е 4.
3. Остатокот 15 во хексадецимален систем е F.

Значи, 79 станува 4F.

За зелената 70:

1. 70 ÷ 16 = 4, остаток 6
2. Количник 4 → 4, остаток 6 → 6.
3. Резултат: 46.

За сината 229:

1. 229 ÷ 16 = 14, остаток 5
2. 14 во хексадецимален е E, 5 е 5.
3. Резултат: E5.

Спојувајќи ги трите двојки добиваме #4F46E5.

Обратно, за да се добијат оригиналните RGB вредности од хексадецималниот запис 4F46E5:

• 4F → 4×16 + 15 = 64 + 15 = 79
• 46 → 4×16 + 6 = 64 + 6 = 70
• E5 → 14×16 + 5 = 224 + 5 = 229

Оваа конверзија е точна и бидејќи и RGB и хексадецимален код се во ист простор на бои (sRGB), не постои никакво губење на информации. Единствената разлика е во нотацијата: децимална за луѓето, хексадецимална за компјутерите и CSS.

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

1. Зошто излезниот хекс код секогаш има 6 цифри, иако понекогаш гледам 3-цифрени хекс кодови во CSS?

Кога во CSS пишувате color: #abc, тоа е скратен облик на #aabbcc – двете се еквивалентни. Оваа алатка излегува секогаш во шестцифрен облик за прецизност и за да избегне грешки при копирање. Меѓутоа, полето за внес на хекс код прифаќа трицифрен запис и автоматски го проширува, па ако сакате да користите скратен облик во CSS, можете да направите сами, но алатката нема да го генерира така.

2. Дали алатката поддржува алфа канал (проѕирност)?

Не, директно. RGB влезот не содржи алфа канал, па затоа излезниот хекс код е без алфа. Ако ви треба осумцифрен хекс код (на пример #RRGGBBAA), треба да користите друга алатка или да го додадете алфа каналот рачно.

3. Што ако внесам повеќе од три броеви или помалку?

Алатката очекува точно три броеви разделени со запирки или празни места. Ако внесете повеќе или помалку, ќе се појави пораката за грешка „Enter RGB as three numbers 0–255…“. Некои алатки би го игнорирале вишокот, но оваа бара прецизност.

4. Дали внесените податоци се испраќаат на некој сервер?

Не. Целата конверзија се одвива во вашиот прелистувач со помош на JavaScript. Ништо што ќе внесете не се зачувува или испраќа.

5. Зошто алатката покажува и други формати како CMYK, LAB и HSL?

Иако оваа страница е фокусирана на RGB → hex конверзија, таа е дел од поголема алатка за работа со бои. Кога ќе внесете RGB вредности, алатката ги ажурира сите формати за да ви обезбеди целосна слика за бојата. Ова е корисно кога треба да користите исти бои во различни контексти (на пример, CMYK за печатење, HSL за стилизирање во CSS).

6. Дали конверзијата е секогаш точна или може да има мали разлики поради заокружување?

Бидејќи и RGB и хексадецималниот код работеле во истиот sRGB простор и бидејќи секоја RGB вредност точно одговара на два хексадецимални знаци, конверзијата е математички точна без заокружување. Нема загуба на прецизност. Единственото место каде што може да се појави разлика е ако внесете вредности што не се цели броеви – но алатката очекува цели броеви во опсег 0–255, па затоа не се јавува таков проблем.