Pretvarač OKLab u OKLCH – CSS boje online
Pretvarač OKLab u OKLCH trenutno pretvara OKLab boju u OKLCH i održava obje vrijednosti sinkroniziranima kada uređujete bilo koju stranu. Prihvaća fleksibilan unos boja poput #abc, rgb(1 2 3 / 50%) i imenovanih boja. Pogledajte uzorak boje, kopirajte liniju CSS-a spremnu za lijepljenje i provjerite upozorenje izvan gamuta kada boja pada izvan sRGB-a.
Pretvarač OKLab u OKLCH mijenja boju iz OKLab u OKLCH i rezultat prikazuje trenutno. Možete uređivati bilo koju stranu, a druga vrijednost se ažurira uživo. Alat prihvaća fleksibilan unos boja, uključujući #abc, rgb(1 2 3 / 50%) i imenovane boje, pa možete raditi i s uobičajenim CSS oblicima boja i s OKLab vrijednostima.
Nakon unosa boje pregledajte uzorak boje i liniju CSS-a spremnu za lijepljenje. Pretvarač također prikazuje upozorenje izvan gamuta kada boja pada izvan sRGB-a. Možete prilagoditi dostupne opcije, a zatim kopirati vrijednost koja vam treba. Za osnovnu pretvorbu nisu potrebni posebni nazivi opcija ili postavke.
OKLab predstavlja boju svjetlinom i dvjema komponentama boje, dok OKLCH koristi svjetlinu, kromu i nijansu. Oba opisuju boje, ali njihovi različiti koordinatni sustavi mogu jedan prikaz učiniti praktičnijim za određeni tijek rada. Pretvorite OKLab u OKLCH kada alat, uzorak koda ili predaja zahtijevaju OKLCH, ili koristite uređivanje uživo za usporedbu dviju vrijednosti. Uzorak boje i upozorenje o gamutu dodaju korisne vizualne provjere prije kopiranja rezultata.
Pretvorba radi u cijelosti u vašem pregledniku. Vaš ulaz se obrađuje na vašem uređaju i ne prenosi, ne pohranjuje niti šalje na poslužitelj. Nakon što se stranica učita, pretvarač radi izvan mreže, pa ga možete nastaviti koristiti i bez veze. Besplatan je za korištenje.
Ovaj pretvarač boja u pregledniku koristan je developerima i DevOps inženjerima pri pripremi CSS-a, pregledu vrijednosti boja ili premještanju podataka između tijekova rada. Također pomaže svima koji trebaju provjeriti pretvorbu boje prije dijeljenja ili korištenja rezultata.
Korak 1: Zalijepite OKLab boju u ulaz. Možete isprobati i podržane oblike boja poput #abc, rgb(1 2 3 / 50%) ili imenovane boje.
Korak 2: Uredite OKLab ili OKLCH vrijednost. Druga strana se ažurira uživo, što olakšava usporedbu dvaju prikaza.
Korak 3: Po potrebi prilagodite dostupne opcije. Pretvarač također prikazuje uzorak boje kako biste je mogli vizualno pregledati.
Korak 4: Provjerite rezultat za upozorenje izvan gamuta, koje se pojavljuje kada boja pada izvan sRGB-a.
Korak 5: Kopirajte OKLCH vrijednost ili liniju CSS-a spremnu za lijepljenje za svoj kod, dokumentaciju ili bilješke.
Primjer upotrebe: Premjestite OKLab podatke u sustav koji prihvaća OKLCH. Pretvorite boju i kopirajte rezultat za korištenje u sljedećem alatu ili tijeku rada.
Primjer upotrebe: Provjerite odgovara li OKLCH vrijednost koju ste dobili izvornoj OKLab boji. Dvosmjerno uređivanje uživo olakšava usporedbu prikaza.
Primjer upotrebe: Pripremite OKLab isječke boja za dokumentaciju, ticket ili commit poruku. Linija CSS-a spremna za kopiranje pomaže podijeliti upotrebljivu vrijednost.
Primjer upotrebe: Provjerite pretvorbu boje prije lijepljenja u kod. Najprije pregledajte uzorak boje i eventualno upozorenje izvan gamuta.
Primjer upotrebe: Pregledajte boju dok prilagođavate njezinu vrijednost. Uzorak boje daje vizualnu referencu dok uređujete bilo koju stranu.
Primjer upotrebe: Pretvorite boju zapisanu kao hex vrijednost, RGB vrijednost ili imenovanu boju u OKLCH. Fleksibilno parsiranje ulaza korisno je kada izvorna boja nije zapisana kao OKLab vrijednost.