Prevodník OKLab na OKLCH pre CSS farby online
Prevodník OKLab na OKLCH okamžite premení farbu OKLab na OKLCH a pri úprave ktorejkoľvek strany udržiava obe hodnoty synchronizované. Prijíma tolerantný vstup farby, napríklad #abc, rgb(1 2 3 / 50%) a pomenované farby. Zobrazte si vzorku farby, skopírujte CSS riadok pripravený na použitie a sledujte varovanie o prekročení farebného rozsahu, keď farba presahuje sRGB.
Prevodník OKLab na OKLCH mení farbu z OKLab na OKLCH a výsledok zobrazuje okamžite. Môžete upraviť ktorúkoľvek stranu a druhá hodnota sa aktualizuje naživo. Nástroj prijíma tolerantný vstup farby vrátane #abc, rgb(1 2 3 / 50%) a pomenovaných farieb, takže môžete pracovať s bežnými formami farieb CSS aj s hodnotami OKLab.
Po zadaní farby si pozrite vzorku farby a CSS riadok pripravený na použitie. Prevodník tiež zobrazuje varovanie o prekročení farebného rozsahu, keď farba presahuje sRGB. Môžete upraviť dostupné možnosti a potom skopírovať potrebnú hodnotu. Na základnú konverziu nie sú potrebné žiadne konkrétne názvy ani nastavenia možností.
OKLab reprezentuje farbu svetlosťou a dvoma farebnými zložkami, zatiaľ čo OKLCH používa svetlosť, chromu a odtieň. Obe popisujú farby, ale ich rôzne súradnicové systémy môžu urobiť jednu reprezentáciu vhodnejšou pre konkrétny pracovný postup. Preveďte OKLab na OKLCH, keď nástroj, vzorka kódu alebo odovzdanie vyžaduje OKLCH, alebo použite živú úpravu na porovnanie oboch hodnôt. Vzorka farby a varovanie o prekročení farebného rozsahu pridávajú užitočné vizuálne kontroly pred skopírovaním výsledku.
Konverzia prebieha úplne vo vašom prehliadači. Váš vstup sa spracúva na vašom zariadení a nenahráva sa, neukladá ani neposiela na server. Po načítaní stránky prevodník funguje offline, takže môžete pokračovať bez pripojenia. Je zadarmo.
Tento prevodník farieb vo vašom prehliadači je užitočný pre vývojárov a DevOps inžinierov, ktorí pripravujú CSS, kontrolujú hodnoty farieb alebo presúvajú dáta medzi pracovnými postupmi. Pomáha aj každému, kto potrebuje skontrolovať konverziu farby pred jej zdieľaním alebo použitím výsledku.
Krok 1: Vložte farbu OKLab do vstupu. Môžete vyskúšať aj podporované formy farieb, ako sú #abc, rgb(1 2 3 / 50%) alebo pomenovaná farba.
Krok 2: Upravte hodnotu OKLab alebo OKLCH. Druhá strana sa aktualizuje naživo, takže je ľahké porovnať obe reprezentácie.
Krok 3: V prípade potreby upravte dostupné možnosti. Prevodník tiež zobrazuje vzorku farby, aby ste farbu mohli vizuálne skontrolovať.
Krok 4: Skontrolujte výsledok, či neobsahuje varovanie o prekročení farebného rozsahu, ktoré sa zobrazí, keď farba presahuje sRGB.
Krok 5: Skopírujte hodnotu OKLCH alebo CSS riadok pripravený na použitie do svojho kódu, dokumentácie alebo poznámok.
Prípad použitia: Presuňte dáta OKLab do systému, ktorý prijíma OKLCH. Preveďte farbu a skopírujte výsledok na použitie v ďalšom nástroji alebo pracovnom postupe.
Prípad použitia: Skontrolujte, či sa vám poskytnutá hodnota OKLCH zhoduje s pôvodnou farbou OKLab. Živá obojsmerná úprava uľahčuje porovnanie reprezentácií.
Prípad použitia: Pripravte snippety farieb OKLab pre dokumentáciu, ticket alebo správu commitu. CSS riadok pripravený na skopírovanie vám pomôže zdieľať použiteľnú hodnotu.
Prípad použitia: Skontrolujte konverziu farby skôr, než ju vložíte do kódu. Najskôr si pozrite vzorku farby a prípadné varovanie o prekročení farebného rozsahu.
Prípad použitia: Kontrolujte farbu počas úpravy jej hodnoty. Vzorka farby vám dá vizuálnu referenciu pri úprave ktorejkoľvek strany.
Prípad použitia: Preveďte farbu zapísanú ako hexadecimálna hodnota, hodnota RGB alebo pomenovaná farba na OKLCH. Tolerantné parsovanie vstupu je užitočné, keď pôvodná farba nie je zapísaná ako hodnota OKLab.