Pretvarač boja

Unesite hex kod boje kako biste vidjeli njezine RGB i HSL ekvivalente s pojedinačnim vrijednostima crvenog, zelenog i plavog kanala.

Unesite 6-znamenkasti hex kod bez simbola # (npr. FF6B35).

Boja

#FF6B35

RGBrgb(255, 107, 53)
HSLhsl(16, 100%, 60%)
Crveni kanal255
Zeleni kanal107
Plavi kanal53
Formula Formula Pretpostavke 2 Primjer Primjer Zadnje ažurirano 11. ožu 2026.
Unosi ostaju u pregledniku osim ako vas buduća značajka izričito ne obavijesti drugačije. Koristite ovo kao procjenu i provjerite važne odluke s kvalificiranim stručnjakom.

Kako koristiti ovaj pretvarač boja

  1. Unesite heksadecimalni kod boje

    Upišite 6-znamenkasti heksadecimalni kod u polje za Hex kod boje (npr. FF6B35 ili 00FF88). Izostavite simbol #.

  2. Pročitajte RGB vrijednosti

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

  3. Provjerite HSL izlaz

    Pregledajte HSL rezultat za nijansu (0–360°), zasićenost i svjetlinu — korisno za prilagodbe boja.

Metodologija

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.

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

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.

Pretpostavke
  • ✓ Unos je važeći 6-znamenkasti heksadecimalni kod boje.
  • ✓ Alfa kanal nije podržan u ovoj verziji.
Napomene
  • 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.

Napisao Jan Křenek Osnivač i glavni programer
Recenzirao Pregled metodologije DigitSum Provjera formula i osiguranje kvalitete
Zadnje ažurirano 11. ožu 2026.

Koristite ovo kao procjenu i provjerite važne odluke s kvalificiranim stručnjakom.

Unosi ostaju u pregledniku osim ako vas buduća značajka izričito ne obavijesti drugačije.