Pretvarač HEX u OKLab: alat za pretvorbu boja uživo
HEX u OKLab pretvara heksadecimalnu boju u OKLab i održava obje strane sinkroniziranima dok uređujete. Također prihvaća uobičajene unose boja poput #abc, rgb(1 2 3 / 50%) i imenovanih boja. Pregledajte uzorak, kopirajte spremnu CSS liniju za lijepljenje i provjerite upozorenje o izvan-gamutnoj boji kada je boja izvan sRGB-a.
Pretvarač HEX u OKLab pretvara heksadecimalnu boju u OKLab vrijednost, uz dvosmjerno uređivanje uživo kako biste mogli raditi s bilo koje strane. Također prikazuje uzorak boje i spremnu CSS liniju za lijepljenje. Parser prihvaća uobičajene unose boja, uključujući #abc, rgb(1 2 3 / 50%) i imenovane boje, što ga čini korisnim kada trebate provjeriti vrijednost u više od jedne notacije.
Unesite boju kako biste vidjeli ažuriranje odgovarajuće vrijednosti dok tipkate. Uređivanje HEX ili OKLab strane ažurira drugu, pa možete pregledati boju bez opetovanog kopiranja vrijednosti između formata. Alat također upozorava kada boja padne izvan sRGB-a; koristite uzorak i upozorenje za pomoć pri pregledu rezultata.
HEX predstavlja boje heksadecimalnom notacijom, dok je OKLab drugačiji prikaz boja koji se može koristiti u CSS-u. Pretvaranje između njih je korisno kada sustav ili isječak zahtijeva OKLab ili kada želite usporediti OKLab vrijednost s njezinim heksadecimalnim izvornikom. CSS linija koja se može kopirati olakšava premještanje rezultata u kod ili dokumentaciju.
Ovaj besplatni pretvarač radi u vašem pregledniku. Vaš unos obrađuje se na vašem uređaju; podaci se ne prenose, ne pohranjuju niti se šalju na poslužitelj, a registracija nije potrebna. Nakon učitavanja stranice radi izvan mreže jer pretvorba nema ovisnost o poslužitelju.
Alat je koristan developerima i DevOps inženjerima koji provjeravaju vrijednosti boja, pripremaju isječke koda ili pregledavaju pretvorbu prije dijeljenja. Također može pomoći svima koji se trebaju kretati između HEX-a i OKLaba zadržavajući izvornu boju vidljivom za usporedbu.
Korak 1: Unesite heksadecimalnu boju ili drugu podržanu vrijednost boje, poput #abc, rgb(1 2 3 / 50%) ili imenovane boje.
Korak 2: Pregledajte OKLab rezultat, koji se ažurira dok tipkate. Također možete urediti OKLab vrijednost i vidjeti ažuriranje HEX strane uživo.
Korak 3: Provjerite uzorak boje i potražite upozorenje o izvan-gamutnoj boji ako boja padne izvan sRGB-a.
Korak 4: Kopirajte spremnu CSS liniju za lijepljenje za upotrebu u svom kodu ili dokumentaciji.
Primjer upotrebe: Pretvorite heksadecimalne boje za sustav ili radni tijek koji prihvaća OKLab vrijednosti.
Primjer upotrebe: Provjerite odgovara li OKLab vrijednost heksadecimalnom izvorniku uređivanjem bilo koje strane i usporedbom rezultata uživo.
Primjer upotrebe: Pripremite heksadecimalnu boju i njezin OKLab ekvivalent za dokumentaciju, tiket ili poruku commita.
Primjer upotrebe: Provjerite pretvorbu boje prije lijepljenja rezultata u kod.
Primjer upotrebe: Pregledajte uzorak boje i njegov CSS prikaz dok radite na stylesheetu.
Primjer upotrebe: Uočite kada boja padne izvan sRGB-a provjerom upozorenja pretvarača o izvan-gamutnoj boji.