Konvertor boja
Unesite hex kod boje da vidite njegove RGB i HSL ekvivalente sa pojedinačnim vrijednostima crvenog, zelenog i plavog kanala.
Kako koristiti ovaj konvertor boja
- Unesite hex kod boje
U polje za Hex kod boje unesite 6-cifreni hex kod (npr. FF6B35 ili 00FF88). Izostavite simbol #.
- Pročitajte RGB vrijednosti
Rezultati za crveni (Red), zeleni (Green) i plavi (Blue) kanal prikazuju vrijednosti od 0 do 255 za svaku komponentu.
- Provjerite HSL izlaz
Pregledajte HSL rezultat za nijansu (0–360°), zasićenost i svjetlinu — korisno za prilagođavanje boja.
Kako ovaj konvertor boja radi
Ovaj alat pretvara heksadecimalni kod boje u RGB (crvena, zelena, plava) i HSL (nijansa, zasićenost, svjetlina) prikaze. Svaki heksadecimalni par se mapira u 8-bitnu vrijednost kanala (0–255), a HSL konverzija koristi standardnu matematiku prostora boja.
R = hex[0:2] → decimalni; G = hex[2:4] → decimalni; B = hex[4:6] → decimalni 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 bijela. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — srednje siva.
- ✓ Unos je važeći 6-cifreni heksadecimalni kod boje.
- ✓ Alfa kanal nije podržan u ovoj verziji.
- CMYK konverzija zahtijeva profil boje i nije uključena ovdje.
Razumijevanje modela boja
HEX, RGB i HSL su različiti načini opisivanja iste boje. HEX kodira RGB kao 6-cifreni heksadecimalni niz: svaki par znakova je jedan 8-bitni kanal (0–255). RGB izražava iste vrijednosti 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 svjetlina (lightness) je nivo osvijetljenosti. Dizajneri često preferiraju HSL prilikom programskog prilagođavanja boja — promjena same svjetline potamnjuje ili posvjetljuje boju bez promjene nijanse, dok podešavanje zasićenosti mijenja živost boje.
Slučajevi upotrebe konverzije boja za programere
Programeri konvertuju boje prilikom izrade sistema dizajna, implementacije tema, generisanja paleta boja i otklanjanja grešaka u CSS-u. Tokeni dizajna često čuvaju boje u hex formatu; konverzija u RGB ili HSL omogućava proračune u realnom vremenu, kao što su preklapanja neprozirnosti ili provjere pristupačnosti kontrasta. Prebacivači tema mogu zahtijevati izvođenje svjetlijih ili tamnijih varijanti iz osnovne boje koristeći HSL. Automatizovani alati za pristupačnost konvertuju boje kako bi izračunali omjere osvijetljenosti i kontrasta. Prilikom otklanjanja grešaka u izgledu ili temama, prikaz hex vrijednosti kao RGB ili HSL pomaže u identifikaciji pogrešnog kanala. Konverzija boja se također koristi u vizualizaciji podataka, bibliotekama grafikona i dinamičkom tematiziranju korisničkog interfejsa.
Često postavljana pitanja
Mogu li unijeti trocifreni heksadecimalni kod?
Trenutno ovaj alat očekuje šestocifreni kod. Za skraćeni trocifreni zapis poput F60, prvo ga proširite na FF6600.
Šta je HSL?
HSL je skraćenica za Hue (nijansa), Saturation (zasićenost) i Lightness (svjetlina). To je alternativni način opisivanja boja koji je nekim dizajnerima intuitivniji od RGB-a.