Pretvarač HSL u HEX: besplatna online pretvorba boja
Trenutno pretvorite HSL boju u HEX ili uredite bilo koju vrijednost i pogledajte kako se druga ažurira uživo. Pretvarač također prihvaća primjere poput #abc, rgb(1 2 3 / 50%) i imenovane boje. Provjerite uzorak boje i spremni CSS redak te obratite pozornost na upozorenje izvan gamuta kada boja padne izvan sRGB-a.
Pretvarač HSL u HEX pretvara HSL boju u heksadecimalnu vrijednost boje u vašem pregledniku. Možete i izravno urediti HEX vrijednost i vidjeti kako se HSL strana ažurira uživo, što olakšava usporedbu dvaju prikaza. Uzorak boje i spremni CSS redak pomažu vam pregledati rezultat.
Parsiranje boja je tolerantno: alat može parsirati primjere poput #abc, rgb(1 2 3 / 50%) i imenovane boje, kao i HSL ulaz. Kada boja padne izvan sRGB-a, pretvarač prikazuje upozorenje izvan gamuta. To vam pomaže primijetiti kada je boja izvan tog prostora boja dok provjeravate njezinu pretvorbu.
HSL opisuje boju kroz nijansu, zasićenje i svjetlinu, dok HEX prikazuje vrijednosti boja heksadecimalnom notacijom. Pretvaranje između njih korisno je kada je dizajnerska referenca ili vrijednost boje u HSL-u, ali kod, dokumentacija ili sustav s kojim radite treba HEX. Dvosmjerno uređivanje uživo također vam pomaže provjeriti predstavljaju li dvije vrijednosti boju koju očekujete.
Pretvorba se izvodi u cijelosti u vašem pregledniku: vaš ulaz obrađuje se na vašem uređaju i ne učitava se, ne pohranjuje niti šalje na poslužitelj. Registracija ne postoji, a alat radi izvan mreže nakon što se stranica učita. Koristan je developerima, dizajnerima i DevOps inženjerima koji trebaju pregledati, usporediti ili kopirati vrijednosti boja bez prekidanja tijeka rada.
Korak 1: Unesite ili zalijepite HSL boju da vidite kako se njezina HEX vrijednost trenutno ažurira.
Korak 2: Uredite HSL ili HEX vrijednost; druga strana ažurira se uživo, pa možete uspoređivati i prilagođavati oba formata.
Korak 3: Pregledajte uzorak boje i spremni CSS redak. Provjerite ima li upozorenja izvan gamuta ako boja padne izvan sRGB-a.
Korak 4: Kopirajte heksadecimalni rezultat i zalijepite ga u svoj kod, dokumentaciju, prijavu ili commit poruku.
Primjer upotrebe: Premjestite HSL podatke o boji u sustav koji prihvaća samo heksadecimalne vrijednosti.
Primjer upotrebe: Provjerite odgovara li HEX vrijednost zadanoj HSL boji uređivanjem bilo koje strane i usporedbom rezultata uživo.
Primjer upotrebe: Pripremite HSL boju i njezin HEX ekvivalent za dokumentaciju, prijavu ili commit poruku.
Primjer upotrebe: Provjerite pretvorbu boje prije nego HEX vrijednost zalijepite u kod.
Primjer upotrebe: Pregledajte boju uzorkom boje dok radite s HSL i HEX vrijednostima.
Primjer upotrebe: Provjerite pada li boja izvan sRGB-a prije korištenja prikazanog HEX rezultata.