Konvertor boja

Unesite hex kod boje da biste videli njegove RGB i HSL ekvivalente sa pojedinačnim vrednostima crvenog, zelenog i plavog kanala.

Unesite šestocifreni hex kod bez simbola # (npr. FF6B35).

Boja

#FF6B35

RGBrgb(255, 107, 53)
HSLhsl(16, 100%, 60%)
Crveni kanal255
Zeleni kanal107
Plavi kanal53

Kako koristiti ovaj konvertor boja

  1. Unesite heksadecimalni kod boje

    Unesite šestocifreni heksadecimalni kod u polje za Hex kod boje (npr. FF6B35 ili 00FF88). Izostavite simbol #.

  2. Pročitajte RGB vrednosti

    Rezultati za crveni (Red), zeleni (Green) i plavi (Blue) kanal prikazuju vrednosti od 0 do 255 za svaku komponentu.

  3. Proverite HSL izlaz

    Pregledajte HSL rezultat za nijansu (0–360°), zasićenost i osvetljenost — korisno za prilagođavanje boja.

Metodologija

Kako ovaj konvertor boja funkcioniše

Ovaj alat konvertuje heksadecimalni kod boje u RGB (crvena, zelena, plava) i HSL (nijansa, zasićenost, osvetljenost) prikaze. Svaki heksadecimalni par se mapira u 8-bitnu vrednost kanala (0–255), a HSL konverzija koristi standardnu matematiku prostora boja.

Formula
R = hex[0:2] → decimalni; G = hex[2:4] → decimalni; B = hex[4:6] → decimalni
HEX Niz od 6 heksadecimalnih cifara koji predstavlja RGB
HSL Nijansa (0–360°), Zasićenost (0–100%), Osvetljenost (0–100%)
Primer

Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).

Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — čista crna.

Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — čista bela. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — srednje siva.

Pretpostavke
  • Unos je važeći 6-cifreni heksadecimalni kod boje.
  • Alfa kanal nije podržan u ovoj verziji.
Napomene
  • CMYK konverzija zahteva profil boje i nije uključena ovde.

Razumevanje modela boja

HEX, RGB i HSL su različiti načini za opisivanje iste boje. HEX kodira RGB kao šestocifreni heksadecimalni niz: svaki par karaktera je jedan 8-bitni kanal (0–255). RGB izražava iste vrednosti kao tri broja, aditivne primarne boje koje ekrani emituju. HSL (Hue, Saturation, Lightness) je cilindrični model: nijansa (hue) je ugao na krugu boja (0° crvena, 120° zelena, 240° plava), zasićenost (saturation) je intenzitet boje, a osvetljenost (lightness) je svetlina. Dizajneri često preferiraju HSL prilikom programskog prilagođavanja boja — promena samo osvetljenosti potamnjuje ili posvetljuje boju bez promene nijanse, dok podešavanje zasićenosti menja živost boje.

Slučajevi upotrebe konverzije boja za programere

Programeri konvertuju boje prilikom izrade dizajn sistema, implementacije tema, generisanja paleta boja i otklanjanja grešaka u CSS-u. Dizajn tokeni često čuvaju boje u heksadecimalnom formatu; konverzija u RGB ili HSL omogućava proračune u realnom vremenu, kao što su preklapanja providnosti ili provere pristupačnosti kontrasta. Prebacivači tema mogu zahtevati izvođenje svetlijih ili tamnijih varijanti iz osnovne boje pomoću HSL-a. Automatizovani alati za pristupačnost konvertuju boje kako bi izračunali luminsu i odnose kontrasta. Prilikom otklanjanja grešaka u rasporedu ili temama, uvid u heksadecimalnu vrednost kao RGB ili HSL pomaže u identifikaciji kanala koji odstupa. Konverzija boja se takođe koristi u vizuelizaciji podataka, bibliotekama grafikona i dinamičkom temiranju korisničkog interfejsa.

Često postavljana pitanja

Mogu li da unesem trocifreni heksadecimalni kod?

Trenutno ovaj alat očekuje šestocifreni kod. Za skraćene trocifrene kodove poput F60, prvo ih proširite na FF6600.

Šta je HSL?

HSL je skraćenica za Hue (nijansa), Saturation (zasićenost) i Lightness (osvetljenost). To je alternativni način opisivanja boja koji je nekim dizajnerima intuitivniji od RGB-a.

Autor Jan Křenek Osnivač i glavni programer
Recenzirao DigitSum pregled metodologije Verifikacija formula i kontrola kvaliteta
Poslednji put ažurirano 11. мар 2026.

Koristite ovo kao procenu i potvrdite važne odluke sa kvalifikovanim stručnjakom.

Unosi ostaju u pregledaču osim ako vas buduća funkcija izričito ne obavesti drugačije.