Pretvarajte boje između HEX, RGB i HSL formata uz pregled uživo.
Kako koristiti Pretvarač boja
Unesite boju kao HEX, na primjer #ff8800.
Vidite je pretvorenu u RGB i HSL trenutno.
Kopirajte koji god format trebate.
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.
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.
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.
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
HEX (#rgb ili #rrggbb), RGB i HSL. Unesite HEX vrijednost i ostali se ažuriraju uživo.
Još ne. Ovaj alat fokusira se na neprozirni HEX, RGB i HSL. Podrška za alfa može se dodati kasnije.
Ugradi ovaj alat
Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.
<iframe src="https://monu.tools/embed/hr/color-converter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Slični alati
Pretvarajte Unix vremenske oznake u čitljive datume i obratno: UTC, lokalno, ISO 8601 i relativno vrijeme. Sekunde i milisekunde se automatski prepoznaju.
Percent-kodirajte i dekodirajte URL-ove i URL komponente, sigurno za UTF-8.
Pretvarajte JSON u CSV i CSV u JSON. Podržava ugniježdene objekte, prilagodljive razdjelnike i automatsko prepoznavanje smjera.
Pretvarajte YAML u JSON i JSON u YAML s automatskim prepoznavanjem smjera.