Pretvarač HEX u HSL za CSS boje – My-DevTools
Upotrijebite ovaj pretvarač HEX u HSL kako biste HSL vrijednost boje vidjeli već dok tipkate, ili uređujte bilo koju stranu i gledajte kako se druga ažurira uživo. Također prihvaća fleksibilan unos boja poput #abc, rgb(1 2 3 / 50%) i imenovanih boja. Provjerite uzorak boje, kopirajte CSS redak spreman za lijepljenje i pogledajte upozorenje izvan gamuta za boje izvan sRGB-a.
HEX u HSL je pretvarač boja u pregledniku za developere koji trebaju prelaziti između heksadecimalnih i HSL vrijednosti. Unesite HEX boju kako biste vidjeli njezin HSL ekvivalent, ili uređujte bilo koju stranu pa će se druga ažurirati uživo. Alat također prihvaća fleksibilan unos poput #abc, rgb(1 2 3 / 50%) i imenovanih boja, te prikazuje uzorak boje, CSS redak spreman za lijepljenje i upozorenje izvan gamuta kada boja izađe iz sRGB-a.
Pretvorba istu boju prikazuje pomoću dvije različite notacije. HEX boju predstavlja heksadecimalnim komponentama, dok HSL opisuje nijansu, zasićenost i svjetlinu. Uz dvosmjerno uređivanje uživo možete promijeniti bilo koji prikaz i pregledati ažuriranu vrijednost na drugoj strani. Uzorak boje pomaže da boju vizualno provjerite, a CSS redak spreman je za kopiranje u kod.
Pretvaranje između HEX i HSL korisno je kada projekt, sustav ili dokumentacija očekuju jedan format umjesto drugog. Primjerice, heksadecimalnu vrijednost možete pretvoriti u HSL za radni tijek koji prihvaća HSL, ili usporediti HSL vrijednost s njezinim heksadecimalnim ekvivalentom. Alat vam također pomaže pripremiti vrijednosti boja za dokumentaciju, tikete i pregled koda.
HEX u HSL radi u cijelosti u vašem pregledniku: vaš ulaz obrađuje se na vašem uređaju i ne prenosi, ne pohranjuje niti šalje na poslužitelj. Nije potrebna registracija, a nakon što se stranica učita, pretvorba radi izvan mreže. To ga čini korisnim za developere i DevOps inženjere koji žele brz, privatan način za pregled ili pretvorbu boja bez oslanjanja na vezu s poslužiteljem.
Korak 1: Unesite ili zalijepite boju u polje za unos. Heksadecimalni je očekivani format, a raščlanjivanje također prepoznaje primjere poput #abc, rgb(1 2 3 / 50%) i imenovanih boja.
Korak 2: Uredite HEX ili HSL vrijednost. Druga strana ažurira se uživo, pa dva prikaza možete uspoređivati dok radite.
Korak 3: Pregledajte uzorak boje kako biste boju vizualno provjerili. Ako je izvan sRGB-a, alat prikazuje upozorenje izvan gamuta.
Korak 4: Kopirajte CSS redak spreman za lijepljenje kada pretvorenu boju trebate upotrijebiti u kodu.
Korak 5: Po potrebi prilagodite dostupne opcije, a zatim provjerite prikazani rezultat prije kopiranja.
Primjer upotrebe: Premjestite heksadecimalnu boju u sustav koji prihvaća samo HSL. Pretvorba uživo daje vam vrijednost koju možete kopirati bez samostalnog računanja.
Primjer upotrebe: Provjerite odgovara li HSL vrijednost heksadecimalnom izvorniku koji ste dobili. Uređivanje bilo koje strane ažurira drugu, što olakšava usporedbu.
Primjer upotrebe: Pripremite heksadecimalni ili HSL isječak boje za dokumentaciju, tiket ili poruku commita. CSS redak spreman za lijepljenje pomaže da vrijednost ostane upotrebljiva u kodu.
Primjer upotrebe: Brzo provjerite pretvorbu boje prije lijepljenja rezultata u stilsku datoteku. Uzorak boje pruža vizualnu provjeru uz vrijednosti boje.
Primjer upotrebe: Pregledajte boju koja možda izlazi iz sRGB-a prije korištenja njezine pretvorene vrijednosti. Upozorenje izvan gamuta skreće pozornost na to stanje.
Primjer upotrebe: Radite s unosom boje kopiranim u drugom podržanom obliku, poput rgb() vrijednosti ili imenovane boje. Fleksibilno raščlanjivanje može uštedjeti vrijeme kada ulaz nije zapisan kao heksadecimalna vrijednost.