Prevodník HEX na LCH – rýchly a súkromný prevod farieb
Preveďte farbu HEX na LCH okamžite, alebo upravte ktorúkoľvek hodnotu a sledujte, ako sa druhá aktualizuje naživo. Prevodník prijíma aj vstupy ako #abc, rgb(1 2 3 / 50%) a pomenované farby. Ukážte si farbu na vzorke, skopírujte riadok CSS pripravený na vloženie a skontrolujte varovanie o prekročení farebného rozsahu, keď farba vypadne zo sRGB.
Prevodník HEX na LCH premení hodnoty farieb na formát, ktorý môžete použiť vo svojom kóde alebo odovzdať inému nástroju. Zadajte hodnotu HEX a okamžite uvidíte jej ekvivalent LCH, alebo upravte ktorúkoľvek stranu a sledujte, ako sa druhá aktualizuje naživo. Vzorka farby uľahčuje ukážku aktuálnej hodnoty.
Parser je zhovievavý: popri hexadecimálnom vstupe ako #abc prijíma syntax RGB ako rgb(1 2 3 / 50%) a pomenované farby. Výsledok obsahuje riadok CSS pripravený na vloženie. Ak farba vypadne zo sRGB, prevodník zobrazí varovanie o prekročení farebného rozsahu, aby ste to mohli zohľadniť pri kontrole výsledku.
HEX reprezentuje farbu pomocou hexadecimálnych hodnôt pre červenú, zelenú a modrú. LCH popisuje farbu pomocou svetlosti, chromy a odtieňa. Prevod medzi nimi je užitočný, keď systém alebo workflow očakáva jeden formát, alebo keď chcete skontrolovať, ako je farba z jedného zdroja reprezentovaná v druhom. Na porovnanie hodnôt bez prepisovania môžete použiť aj živú obojsmernú úpravu.
Prevod funguje úplne vo vašom prehliadači. Váš vstup sa spracováva na vašom zariadení a nič sa nenahráva, neukladá ani neodosiela na server. Nie je potrebná registrácia a nástroj po načítaní stránky funguje offline.
Tento prevodník je užitočný pre vývojárov a dizajnérov pripravujúcich CSS, kontrolujúcich hodnoty farieb alebo zdieľajúcich ich v dokumentácii a code review. Pomáha tiež DevOps inžinierom a ďalším technickým tímom presúvať údaje o farbách medzi nástrojmi a overiť hodnotu pred jej použitím.
Krok 1: Zadajte alebo vložte hodnotu farby. HEX je hlavný vstup a parser prijíma aj skratky ako #abc, syntax RGB a pomenované farby.
Krok 2: Prezrite si živý prevod. Hodnota LCH sa aktualizuje počas písania a úprava ktorejkoľvek strany aktualizuje druhú.
Krok 3: Skontrolujte vzorku farby a prípadné varovanie o prekročení farebného rozsahu. Varovanie označí farbu, ktorá vypadne zo sRGB.
Krok 4: Skopírujte výsledok LCH alebo riadok CSS pripravený na vloženie na použitie vo vašom kóde.
Krok 5: Podľa potreby upravte dostupné možnosti a skontrolujte aktualizovaný výsledok.
Prípad použitia: Presuňte hexadecimálnu farbu do systému, ktorý prijíma len LCH. Živý prevod vám dá hodnotu na skopírovanie bez ručného výpočtu.
Prípad použitia: Skontrolujte, či hodnota LCH zodpovedá svojmu hexadecimálnemu originálu. Upravte ktorúkoľvek stranu a porovnajte aktualizovanú hodnotu a vzorku farby.
Prípad použitia: Pripravte úryvky farieb pre dokumentáciu, ticket alebo commit správu. Skopírujte výsledok ako riadok CSS pripravený na vloženie.
Prípad použitia: Rýchlo skontrolujte prevod farby pred pridaním do kódu. Vzorka pomáha ukázať farbu a varovanie o prekročení farebného rozsahu označí farby mimo sRGB.
Prípad použitia: Preskúmajte, ako je farba reprezentovaná v HEX a LCH, pri úprave ktorejkoľvek hodnoty. Druhá strana sa aktualizuje naživo, takže je ľahké porovnať oba formáty.
Prípad použitia: Prezrite si hodnoty farieb zdieľané kolegami alebo prijaté z iného nástroja. Zhovievavý parser prijíma HEX, syntax RGB aj pomenované farby.