Pretvarač boja
Pretvarajte boje između HEX, RGB i HSL formata uz pregled uživo.
Kako koristiti Pretvarač boja
- 01
Unesite boju kao HEX, na primjer #ff8800.
- 02
Vidite je pretvorenu u RGB i HSL trenutno.
- 03
Kopirajte koji god format trebate.
Što radi
Ovo je pretvarač boja za web i dizajnerski rad koji prevodi boju između tri formata koja najviše koristite: HEX, RGB i HSL, uz živi uzorak boje kako biste točno vidjeli s čim radite.
Ovo je svakodnevno ljepilo između dizajna i koda: usklađivanje boje brenda s makete s CSS varijablom, pretvaranje vrijednosti koju vam je dizajner dao u jednom formatu u onaj koji vaš okvir očekuje, ili pronalaženje malo svjetlije nijanse za stanje pri prelasku mišem.
Sve se odvija u vašem pregledniku, pa je trenutačno i ništa što unesete ne šalje se nikamo.
Po čemu se formati razlikuju
Svaki format opisuje istu boju drukčije. HEX (poput #ff8800) sažet je oblik koji se koristi u cijelom CSS-u i HTML-u. RGB izravno navodi kanale crvene, zelene i plave, što je način na koji zasloni i kod poput canvasa razmišljaju o boji. HSL opisuje nijansu, zasićenost i svjetlinu, što je daleko intuitivnije kada želite prilagoditi boju: promijenite nijansu da je pomaknete po kotaču, ili svjetlinu da je zatamnite bez ručnog biranja nove šifre.
Kako pretvorba radi
Unesite HEX vrijednost i RGB i HSL ekvivalenti trenutačno se ažuriraju, pa možete uzeti onaj format koji alat ili baza koda pred vama očekuje.
Što još nije obuhvaćeno
Zasad se alat usredotočuje na neprozirne boje u HEX, RGB i HSL formatu; podrška za alfu (prozirnost) još nije uključena.
Često postavljana pitanja
Koji su formati podržani?
HEX (#rgb ili #rrggbb), RGB i HSL. Unesite HEX vrijednost i ostali se ažuriraju uživo.
Podržavate li alfa kanal / prozirnost?
Još ne. Ovaj alat fokusira se na neprozirni HEX, RGB i HSL. Podrška za alfa može se dodati kasnije.