Prevodník farieb
Konverzia farieb medzi rôznymi formátmi: HEX, RGB, HSL a HSV. Nevyhnutné pre dizajnérov a vývojárov, ktorí potrebujú pracovať s farbami na rôznych platformách a v rôznych nástrojoch na navrhovanie. Okamžite prekonvertujte akúkoľvek hodnotu farby do formátu, ktorý potrebujete pre CSS, grafický softvér alebo iné aplikácie.
Často kladené otázky
HEX je hexadecimálny zápis (napr. #FF5733), ktorý sa bežne používa vo webovom dizajne. RGB predstavuje farby pomocou hodnôt červenej, zelenej a modrej (0-255). HSL používa hodnoty Hue (0-360°), Saturation (0-100 %) a Lightness (0-100 %), vďaka čomu je intuitívne na úpravu farieb. HSV používa hodnoty Hue (odtieň), Saturation (sýtosť) a Value (jas), ktoré sú obľúbené v grafickom softvéri. Každý formát má svoje silné stránky pre rôzne prípady použitia.
HSL použite, keď potrebujete upraviť jas alebo sýtosť farby, pričom odtieň zostane konštantný. HSL je intuitívnejší na vytváranie farebných variácií, odtieňov a farebných odtieňov. Je vynikajúca na vytváranie prístupných farebných schém a responzívneho dizajnu, kde potrebujete predvídateľné úpravy jasu. RGB je lepší, keď potrebujete presnú kontrolu nad jednotlivými farebnými kanálmi.
Pomocou vývojárskych nástrojov prehliadača skontrolujte prvok a skopírujte hodnotu farby z CSS. Vložte ju do nášho konvertora v ľubovoľnom formáte (HEX, RGB alebo HSL) a my vám okamžite zobrazíme ekvivalentné hodnoty vo všetkých ostatných formátoch. Na zachytenie farieb môžete použiť aj rozšírenia prehliadača alebo nástroje na výber farieb na snímke obrazovky.
Kanál alfa riadi priehľadnosť s hodnotami od 0 (úplne priehľadný) do 1 (úplne nepriehľadný). RGBA a HSLA obsahujú túto štvrtú hodnotu na podporu priehľadných alebo polopriehľadných farieb. To je nevyhnutné pre prekrytia, tiene a vrstvené prvky dizajnu v modernom webovom dizajne.
Áno! Moderné prehliadače plne podporujú formáty farieb HSL a HSLA v CSS. Pre farby s priehľadnosťou použite syntax: hsl(360, 100%, 50%) alebo hsla(360, 100%, 50%, 0,5). HSL je obzvlášť užitočný v CSS na vytváranie farebných variácií pomocou funkcie calc() alebo vlastných vlastností CSS na dynamické vytváranie tém.
Trojmiestne kódy HEX (#RGB) sú skratky, v ktorých je každá číslica zdvojená. Napríklad #F00 zodpovedá #FF0000. Táto skratka funguje len vtedy, keď sú obe číslice každého farebného kanála rovnaké. Na presnú kontrolu farieb a akúkoľvek farbu, ktorá nezodpovedá skrátenej schéme, použite plný 6-miestny formát (#RRGGBB).
RGB je všeobecný koncept reprezentácie farieb pomocou hodnôt červenej, zelenej a modrej. sRGB (štandardný RGB) je špecifický farebný priestor RGB štandardizovaný na zabezpečenie konzistentnosti medzi zariadeniami a webovými prehliadačmi. Väčšina webových farieb predpokladá sRGB, preto farby vo všeobecnosti vyzerajú konzistentne na rôznych obrazovkách a v rôznych prehliadačoch.
Po konverzii farieb skontrolujte kontrastné pomery pre prístupnosť textu. WCAG vyžaduje kontrast 4,5:1 pre normálny text a 3:1 pre veľký text. Pri konverzii medzi formátmi zostávajú hodnoty farieb rovnaké, ale ich prítomnosť v rôznych formátoch vám pomôže používať ich v rôznych nástrojoch na navrhovanie pri zachovaní prístupnosti.
Áno! Dizajnérsky softvér ako Figma, Adobe XD alebo Photoshop zvyčajne zobrazuje farby v RGB alebo HEX. Skopírujte tieto hodnoty a prekonvertujte ich do formátu potrebného pre váš kód. Tým sa zabezpečí dokonalá zhoda farieb medzi návrhovými maketami a konečnou realizáciou.
Prevod medzi farebnými formátmi môže zahŕňať zaokrúhľovanie. HEX používa celé čísla (0-255), RGB používa celé čísla, ale HSL/HSV používa stupne a percentá. Pri viacnásobnej konverzii tam a späť sa môžu vyskytnúť drobné odchýlky spôsobené zaokrúhľovaním. Pri kritickom porovnávaní farieb pracujte dôsledne v jednom formáte.