Pretvarač HEX-a u OKLCH – uređivanje boja uživo
Ovaj pretvarač HEX-a u OKLCH ažurira vrijednost boje uživo dok uređujete bilo koju stranu. Unesite HEX boju ili koristite podržane ulaze poput kratkog HEX-a, RGB-a i imenovanih boja. Pregledajte uzorak boje, kopirajte spremnu CSS liniju i provjerite upozorenje izvan gamuta kada boja padne izvan sRGB-a.
Pretvarač HEX-a u OKLCH pretvara vrijednosti boja u format koji možete koristiti u CSS-u i drugom razvojnom radu. Unesite HEX boju da biste vidjeli njezinu OKLCH vrijednost, ili uredite bilo koju stranu i gledajte kako se druga ažurira uživo. Uzorak vam pomaže pregledati boju, a alat nudi spremnu CSS liniju.
Parser prihvaća heksadecimalne vrijednosti, uključujući kratke oblike poput #abc, kao i RGB ulaz poput rgb(1 2 3 / 50%) i imenovane boje. Pretvarač prikazuje upozorenje kada boja padne izvan sRGB-a. Ovi podržani ulazi korisni su kada je vrijednost boje navedena u drugačijem obliku od onoga koji vam treba.
HEX obično prikazuje boju heksadecimalnim vrijednostima kanala, dok OKLCH izražava boju pomoću svjetline, krome i nijanse. Pretvaranje između njih pomaže kada projekt ili radni tijek zahtijeva OKLCH umjesto HEX-a. Dvosmjerno uređivanje uživo također omogućuje provjeru vrijednosti mijenjanjem bilo kojeg formata i pregledom ažuriranog rezultata.
Pretvarač radi u cijelosti u vašem pregledniku: vaš ulaz obrađuje se na vašem uređaju i ne šalje se na poslužitelj. Besplatan je, bez registracije i radi izvan mreže nakon što se stranica učita. Developeri i DevOps inženjeri mogu ga koristiti za provjeru, pripremu i kopiranje vrijednosti boja bez slanja na online uslugu.
Korak 1: Unesite HEX boju, poput #abc, ili drugu podržanu vrijednost boje kao što je RGB ili imenovana boja.
Korak 2: Uredite ulaz ili OKLCH vrijednost da biste vidjeli kako se druga strana ažurira uživo.
Korak 3: Provjerite uzorak kako biste boju pregledali vizualno i potražite upozorenje izvan gamuta.
Korak 4: Kopirajte spremnu CSS liniju i upotrijebite je u svom kodu ili dokumentaciji.
Primjer upotrebe: Pretvorite HEX boju u OKLCH kada dizajn sustav ili stil očekuje OKLCH vrijednost.
Primjer upotrebe: Provjerite odgovara li OKLCH vrijednost HEX boji koju ste dobili uspoređujući vrijednosti uživo i uzorak.
Primjer upotrebe: Pripremite HEX i OKLCH isječke boja za dokumentaciju, tiket ili poruku commita.
Primjer upotrebe: Provedite brzu provjeru pretvorbe boje prije nego što rezultat dodate u kod.
Primjer upotrebe: Pregledajte pada li boja izvan sRGB-a provjerom upozorenja izvan gamuta u pretvaraču.
Primjer upotrebe: Uredite vrijednost boje u bilo kojem formatu i pratite kako se odgovarajuća vrijednost ažurira uživo dok radite na CSS-u.