Prevodník HEX na OKLCH – živá úprava farieb
Tento prevodník HEX na OKLCH aktualizuje hodnotu farby naživo pri úprave ktorejkoľvek strany. Zadajte farbu HEX alebo použite podporované vstupy, ako je skrátený HEX, RGB a pomenované farby. Zobrazte vzorku farby, skopírujte riadok CSS pripravený na použitie a skontrolujte varovanie o prekročení farebného rozsahu, keď farba vypadne mimo sRGB.
Prevodník HEX na OKLCH mení hodnoty farieb na formát, ktorý môžete použiť v CSS a inej vývojárskej práci. Zadajte farbu HEX, aby ste videli jej hodnotu OKLCH, alebo upravte ktorúkoľvek stranu a sledujte, ako sa druhá aktualizuje naživo. Vzorka farby vám pomôže skontrolovať farbu a nástroj poskytuje riadok CSS pripravený na použitie.
Analyzátor prijíma hexadecimálne hodnoty vrátane skrátených foriem, ako je #abc, ako aj vstup RGB, napríklad rgb(1 2 3 / 50%), a pomenované farby. Prevodník zobrazuje varovanie, keď farba vypadne mimo sRGB. Tieto podporované vstupy sú užitočné, keď je hodnota farby poskytnutá v inom formáte, než potrebujete.
HEX bežne vyjadruje farbu pomocou hexadecimálnych hodnôt kanálov, zatiaľ čo OKLCH vyjadruje farbu pomocou svetlosti, chromy a odtieňa. Prevod medzi nimi môže pomôcť, keď projekt alebo pracovný postup vyžaduje OKLCH namiesto HEX. Živá obojsmerná úprava vám tiež umožňuje skontrolovať hodnotu zmenou ktoréhokoľvek formátu a zobrazením aktualizovaného výsledku.
Prevodník funguje úplne vo vašom prehliadači: váš vstup je spracovaný na vašom zariadení a nie je odosielaný na server. Je zadarmo, bez registrácie a funguje offline po načítaní stránky. Vývojári a DevOps inžinieri ho môžu používať na kontrolu, prípravu a kopírovanie hodnôt farieb bez odosielania ich online službe.
Krok 1: Zadajte farbu HEX, napríklad #abc, alebo inú podporovanú hodnotu farby, ako je RGB alebo pomenovaná farba.
Krok 2: Upravte buď vstup alebo hodnotu OKLCH a druhá strana sa aktualizuje naživo.
Krok 3: Skontrolujte vzorku farby, aby ste si farbu vizuálne overili, a hľadajte varovanie o prekročení farebného rozsahu.
Krok 4: Skopírujte riadok CSS pripravený na použitie a použite ho vo svojom kóde alebo dokumentácii.
Prípad použitia: Preveďte farbu HEX na OKLCH, keď dizajnový systém alebo šablóna so štýlmi očakáva hodnotu OKLCH.
Prípad použitia: Skontrolujte, či hodnota OKLCH zodpovedá farbe HEX, ktorú ste dostali, porovnaním živých hodnôt a vzorky farby.
Prípad použitia: Pripravte úryvky farieb HEX a OKLCH pre dokumentáciu, ticket alebo commit správu.
Prípad použitia: Overte prevod farby pred pridaním výsledku do kódu.
Prípad použitia: Skontrolujte, či farba vypadne mimo sRGB, pomocou varovania o prekročení farebného rozsahu v prevodníku.
Prípad použitia: Upravte hodnotu farby v ktoromkoľvek formáte a sledujte, ako sa zodpovedajúca hodnota aktualizuje naživo pri práci s CSS.