Monu Tools

Pretvarač boja

Pretvarajte boje između HEX, RGB i HSL formata uz pregled uživo.

Kako koristiti Pretvarač boja

  1. 01

    Unesite boju kao HEX, na primjer #ff8800.

  2. 02

    Vidite je pretvorenu u RGB i HSL trenutno.

  3. 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.

Izvori

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