Pretvarač boja
Unesite hex kod boje kako biste vidjeli njezine RGB i HSL ekvivalente s pojedinačnim vrijednostima crvenog, zelenog i plavog kanala.
Kako koristiti ovaj pretvarač boja
- Unesite heksadecimalni kod boje
Upišite 6-znamenkasti heksadecimalni kod u polje za Hex kod boje (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 prilagodbe boja.
Kako ovaj pretvarač boja radi
Ovaj alat pretvara heksadecimalni kod boje u RGB (crvena, zelena, plava) i HSL (nijansa, zasićenost, svjetlina) prikaze. Svaki heksadecimalni par mapira se u 8-bitnu vrijednost kanala (0–255), a HSL pretvorba 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-znamenkasti heksadecimalni kod boje.
- ✓ Alfa kanal nije podržan u ovoj verziji.
- CMYK pretvorba zahtijeva profil boja i nije uključena ovdje.
Razumijevanje modela boja
HEX, RGB i HSL različiti su načini opisivanja iste boje. HEX kodira RGB kao 6-znamenkasti heksadecimalni niz: svaki par znakova predstavlja jedan 8-bitni kanal (0–255). RGB izražava iste vrijednosti kao tri broja, aditivne primarne boje koje emitiraju zasloni. HSL (Hue, Saturation, Lightness) je cilindrični model: nijansa je kut na krugu boja (0° crvena, 120° zelena, 240° plava), zasićenost je intenzitet boje, a svjetlina je sjaj. Dizajneri često preferiraju HSL pri programskom prilagođavanju boja — promjena same svjetline potamnjuje ili posvjetljuje bez promjene nijanse, a podešavanje zasićenosti prilagođava živost.
Slučajevi upotrebe pretvorbe boja za programere
Programeri pretvaraju boje pri izradi sustava dizajna, implementaciji tema, generiranju paleta boja i ispravljanju CSS-a. Tokeni dizajna često pohranjuju boje u heksadecimalnom formatu; pretvorba u RGB ili HSL omogućuje izračune u stvarnom vremenu kao što su preklapanja prozirnosti ili provjere pristupačnosti kontrasta. Prebacivači tema možda trebaju izvesti svjetlije ili tamnije varijante iz osnovne boje pomoću HSL-a. Automatizirani alati za pristupačnost pretvaraju boje za izračun luminancije i omjera kontrasta. Prilikom ispravljanja pogrešaka u izgledu ili temama, uvid u heksadecimalnu vrijednost kao RGB ili HSL pomaže identificirati koji je kanal pogrešan. Pretvorba boja također se koristi u vizualizaciji podataka, bibliotekama grafikona i dinamičkom tematskom oblikovanju korisničkog sučelja.
Često postavljana pitanja
Mogu li unijeti 3-znamenkasti heksadecimalni kod?
Trenutno ovaj alat očekuje 6-znamenkasti kod. Za 3-znamenkaste kratice poput F60, prvo ih proširite na FF6600.
Što je HSL?
HSL označava Hue (nijansa), Saturation (zasićenost), Lightness (svjetlina). To je alternativni način opisivanja boja koji je nekim dizajnerima intuitivniji od RGB-a.