Preveďte farbu medzi formátmi HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK a Display P3. Vyberte zdrojový a cieľový formát, zadajte hodnotu v syntaxi CSS alebo ako samostatné čísla a získajte výsledok pripravený pre CSS, vypočítaný pomocou knižnice culori. Farby mimo cieľového gamutu sa mapujú podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi kódom a dizajnovými nástrojmi.
Desať formátov: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK a Display P3. Každý z nich môže byť zdrojovým alebo cieľovým formátom, čo predstavuje 90 smerov prevodu. Výsledky používajú modernú syntax CSS Color 4, napríklad rgb(255 136 0) alebo oklch(0.7442 0.1812 56.46).
Zadajte úplný zápis CSS zdrojového formátu, napríklad hsl(32 100% 50%) alebo color(display-p3 1 0.5 0), prípadne iba jeho číselné hodnoty, napríklad 32, 100%, 50% pri vybranom formáte HSL. Hexadecimálne kódy fungujú s # aj bez neho a môžu mať 3, 4, 6 alebo 8 číslic. Hodnota musí zodpovedať vybranému zdrojovému formátu, takže hodnota rgb() na stránke HSL bude odmietnutá, aby sa predišlo nesprávnemu prevodu.
Knižnica culori nemá režim CMYK, preto prevodník používa štandardný zjednodušený vzorec pre hodnoty sRGB od 0 do 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), rovnako aj pre M a Y. Opačný smer sa počíta ako R = (1 - C) x (1 - K) a podobne. Nejde o prevod podľa profilu ICC, takže výsledok sa nemusí zhodovať s výstupom konkrétnej tlačiarne alebo papiera; tento postup používajte na približné zobrazenie na obrazovke a orientačné špecifikácie.
Použite cmyk(0%, 47%, 100%, 0%), zariadenie-cmyk(0 0.47 1 0) alebo štyri samostatné čísla. Hodnoty so znakom percenta sú percentá; hodnoty bez jednotky sa považujú za zlomky od 0 do 1, pokiaľ niektorá z nich nie je väčšia ako 1. V takom prípade sa všetky považujú za percentá, takže 0, 47, 100, 0 funguje podľa očakávania. Výstup CMYK sa vždy zapisuje v percentách s najviac dvoma desatinnými miestami.
Lab, LCH, OKLab, OKLCH a Display P3 dokážu opísať farby, ktoré sRGB nezobrazí. Ak je cieľom HEX, RGB, HSL, HWB alebo CMYK, ktoré všetky používajú sRGB, prípadne Display P3, farba mimo gamutu sa namapuje algoritmom CSS Color 4, ktorý zníži sýtosť OKLCH, kým sa farba nezmestí do gamutu; výsledok bude obsahovať poznámku. Cieľové formáty Lab, LCH, OKLab a OKLCH nemajú obmedzený gamut a mapovanie sa pri nich nikdy nepoužíva.
Áno, pri všetkých cieľových formátoch okrem CMYK. Hodnota alfa vo vstupe, napríklad rgb(255 136 0 / 50%) alebo #ff880080, sa zapíše ako / 0.5 vo funkciách CSS a ako 8-miestny hexadecimálny kód. CMYK nemá alfa kanál, preto sa v tomto formáte hodnota alfa vynechá.
Kanály RGB sa zaokrúhľujú na celé čísla od 0 do 255; percentá HSL, HWB a CMYK a hodnoty Lab a LCH na dve desatinné miesta; hodnoty OKLab, svetlosť a sýtosť OKLCH a kanály Display P3 na štyri desatinné miesta; odtiene na dve desatinné miesta. Všetky výpočty prebiehajú s plnou dvojnásobnou presnosťou pred zaokrúhlením, takže pri prevode tam a späť výsledok zostáva v rámci zaokrúhlenia pôvodnej hodnoty.
CIELAB a CIE LCH s bielym bodom D50, presne podľa definícií funkcií CSS lab() a lch(), s Bradfordovou adaptáciou z bieleho bodu D65 sRGB. Svetlosť je v rozsahu od 0 do 100. OKLab a OKLCH sú percepčné priestory od Bjorna Ottossona, ktoré používa CSS oklab() a oklch(); ich svetlosť je v rozsahu od 0 do 1.
Formulár na stránke prevádza vždy jednu farbu. Klienti, ktorí volajú nástroj priamo, môžu poslať až 100 farieb, jednu na riadok, a dostať jeden prevedený údaj na riadok v rovnakom poradí. Každá farba môže mať najviac 100 znakov.
Neutrálne farby nemajú odtieň, ktorý možno zapísať ako none v CSS. Prevodník namiesto toho zapisuje 0, aby hodnota fungovala aj v nástrojoch, ktoré none nepodporujú. Odtieň nemá viditeľný vplyv, keď je sýtosť alebo farebnosť nulová.
Preveďte farby HEX na RGB jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent RGB, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak RGB nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
Preveďte farby HEX na HSL jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent HSL, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak HSL nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
Preveďte farby HEX na HWB jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent HWB, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak HWB nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
Preveďte farby HEX na CIELAB jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent CIELAB, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak CIELAB nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
Preveďte farby HEX na CIE LCH jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent CIE LCH, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak CIE LCH nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
Preveďte farby HEX na OKLab jedným krokom. Zadajte hodnotu HEX v syntaxi CSS alebo ako samostatné čísla a získajte presný ekvivalent OKLab, zaokrúhlený pre CSS a vypočítaný pomocou knižnice culori. Ak OKLab nedokáže farbu zobraziť, namapuje sa na najbližšiu farbu v rámci gamutu podľa špecifikácie CSS Color 4. Nástroj je určený vývojárom a dizajnérom, ktorí prenášajú farby medzi štýlmi, dizajnovými nástrojmi a špecifikáciami.
OneClick Pro je bezplatná kolekcia viac ako 150 webových nástrojov na každodennú prácu: na konverziu obrázkov a jednotiek, formátovanie a overovanie kódu, kontrolu domén a SEO, ako aj prácu s textom, dátumami a číslami. Každý nástroj funguje bez registrácie alebo predplatného a zadané údaje sa používajú iba na výpočet výsledku a nikdy sa neukladajú. Používajte ich ako rýchlu súpravu nástrojov na jednorazové úlohy alebo si uložte do záložiek nástroje, na ktoré sa spoliehate každý deň.