Pretvarač HWB u HEX – pretvorba CSS boja u pregledniku
Pretvarač HWB u HEX pretvara HWB boju u heksadecimalnu vrijednost boje dok tipkate, a uređivanje bilo koje strane drugu ažurira uživo. Prihvaća tolerantni unos boja, uključujući #abc, rgb(1 2 3 / 50%) i imenovane boje. Boju pregledajte u uzorku boje, kopirajte spremni CSS redak i provjerite upozorenje izvan gamuta kada boja padne izvan sRGB.
Pretvarač HWB u HEX pretvara HWB unos boje u heksadecimalnu vrijednost i omogućuje uređivanje bilo kojeg formata uz ažuriranje uživo. Koristan je kada HWB boju trebate pretvoriti u HEX online, provjeriti vrijednost ili pripremiti boju za kod. Uzorak boje daje vam vizualnu referencu, a alat nudi spremni CSS redak.
Pretvarač prihvaća tolerantni unos boja, uključujući kratke heksadecimalne boje poput #abc, modernu RGB sintaksu poput rgb(1 2 3 / 50%) i imenovane boje. Dok uređujete jednu stranu, druga se ažurira uživo. Alat prikazuje i upozorenje izvan gamuta kada boja padne izvan sRGB; to vam pomaže uočiti to stanje dok provjeravate rezultat.
HWB i heksadecimalni zapis različiti su načini prikaza boja. HWB boju izražava kroz nijansu, bjelinu i crninu, dok HEX komponente boje prikazuje heksadecimalnim znamenkama. Pretvaranje između njih pomaže kada boju primite u HWB-u, a trebate HEX vrijednost za sustav ili bazu koda koja koristi heksadecimalne boje, ili kada želite provjeriti odnos između dva prikaza.
Alat radi u cijelosti u vašem pregledniku. Vaš unos obrađuje se na vašem uređaju i ne učitava se, ne pohranjuje i ne šalje na poslužitelj. Besplatan je, ne zahtijeva registraciju i nastavlja raditi izvan mreže nakon učitavanja stranice.
Ovaj pretvarač koristan je developerima, dizajnerima i DevOps inženjerima koji rukuju CSS bojama u kodu, dokumentaciji, tiketima ili pregledima. Bilo da provjeravate jednu vrijednost ili pripremate isječak za dijeljenje, uređivanje uživo i rezultat spreman za kopiranje olakšavaju pretvorbu.
Korak 1: Unesite HWB boju u polje za unos. Možete koristiti i podržane CSS oblike boja poput #abc, rgb(1 2 3 / 50%) ili imenovane boje.
Korak 2: Pregledajte HEX rezultat dok se ažurira. Pretvarač ažurira i HWB vrijednost kada uređujete HEX stranu.
Korak 3: Provjerite uzorak boje i eventualno upozorenje izvan gamuta. Upozorenje znači da boja pada izvan sRGB.
Korak 4: Kopirajte heksadecimalni rezultat ili spremni CSS redak za svoj kod, dokumentaciju ili bilješke.
Primjer upotrebe: Premjestite HWB boju u sustav dizajna ili drugi alat koji prihvaća samo heksadecimalne vrijednosti.
Primjer upotrebe: Provjerite odgovara li HEX vrijednost HWB boji koju ste dobili uređivanjem bilo koje strane i pregledom rezultata uživo.
Primjer upotrebe: Pripremite spremni CSS redak za dokumentaciju, tiket ili commit poruku.
Primjer upotrebe: Provjerite pretvorbu boje prije dodavanja rezultata u kod.
Primjer upotrebe: Pregledajte vrijednosti boja tijekom pregleda koda uspoređujući HWB unos, HEX rezultat i prikazani uzorak boje.
Primjer upotrebe: Provjerite pada li boja izvan sRGB prije korištenja njezine pretvorene vrijednosti.