Převádějte barvy mezi formáty HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK a Display P3. Vyberte zdrojový a cílový formát, zadejte hodnotu v syntaxi CSS nebo jako samostatná čísla a získejte výsledek připravený pro CSS, vypočítaný pomocí knihovny culori. Barvy mimo cílový gamut se mapují podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi kódem a grafickými nástroji.
Deset formátů: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK a Display P3. Kterýkoli z nich může být zdrojovým nebo cílovým formátem, což umožňuje 90 směrů převodu. Výsledky používají moderní syntaxi CSS Color 4, například rgb(255 136 0) nebo oklch(0.7442 0.1812 56.46).
Zadejte úplný zápis CSS ve zdrojovém formátu, například hsl(32 100% 50%) nebo color(display-p3 1 0.5 0), případně pouze čísla, například 32, 100%, 50% při vybraném HSL. Hexadecimální kódy fungují s # i bez něj a mohou mít 3, 4, 6 nebo 8 číslic. Hodnota musí odpovídat vybranému zdrojovému formátu, takže hodnota rgb() na stránce HSL bude odmítnuta, aby nedošlo k chybnému převodu.
culori nemá režim CMYK, proto převodník používá standardní zjednodušený vzorec pro hodnoty sRGB od 0 do 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K) a stejně tak pro M a Y. Opačný směr je R = (1 - C) x (1 - K) a tak dále. Nejde o převod podle profilu ICC, takže výsledek nebude odpovídat konkrétnímu tisku ani papíru; použijte jej pro přibližné zobrazení na obrazovce a orientační specifikace.
Použijte cmyk(0%, 47%, 100%, 0%), zařízení cmyk(0 0.47 1 0) nebo čtyři samostatná čísla. Hodnoty se znakem procenta se považují za procenta; hodnoty bez jednotky se čtou jako zlomky od 0 do 1, pokud některá z nich není větší než 1. V takovém případě se všechny čtou jako procenta, takže například 0, 47, 100, 0 funguje podle očekávání. Výstup CMYK se vždy zapisuje v procentech s přesností na dvě desetinná místa.
Lab, LCH, OKLab, OKLCH a Display P3 dokážou popsat barvy, které sRGB neumí zobrazit. Pokud je cílovým formátem HEX, RGB, HSL, HWB nebo CMYK, což jsou všechno formáty sRGB, případně Display P3, převede se barva mimo gamut algoritmem CSS Color 4. Ten snižuje sytost OKLCH, dokud se barva nevejde do gamutu, a k výsledku přidá poznámku. Cílové formáty Lab, LCH, OKLab a OKLCH nemají omezený gamut, a proto se jejich hodnoty nikdy neupravují.
Ano, u všech cílových formátů kromě CMYK. Hodnota alfa ve vstupu, například rgb(255 136 0 / 50%) nebo #ff880080, se zapisuje jako / 0.5 uvnitř funkcí CSS a jako osmimístný hexadecimální kód. CMYK nemá alfa kanál, takže se v něm alfa zahodí.
Kanály RGB se zaokrouhlují na celá čísla od 0 do 255; procenta HSL, HWB a CMYK a hodnoty Lab a LCH na dvě desetinná místa; hodnoty OKLab, světlost a sytost OKLCH a kanály Display P3 na čtyři desetinná místa; odstíny na dvě desetinná místa. Všechny výpočty probíhají s plnou přesností typu double před zaokrouhlením, takže při převodu tam a zpět se původní hodnota liší nanejvýš o zaokrouhlení.
CIELAB a CIE LCH s bílým bodem D50 přesně podle definic funkcí CSS lab() a lch(), s Bradfordovou adaptací z bílého bodu D65 prostoru sRGB. Světlost se pohybuje od 0 do 100. OKLab a OKLCH jsou perceptuální prostory od Bjorna Ottossona používané v CSS oklab() a oklch(), se světlostí od 0 do 1.
Formulář na stránce převádí vždy jednu barvu. Klienti, kteří nástroj volají přímo, mohou odeslat až 100 barev, jednu na řádek, a získají převedenou hodnotu na každém řádku ve stejném pořadí. Každá barva může mít nejvýše 100 znaků.
Neutrální barvy nemají odstín, který lze v CSS zapsat jako none. Převodník místo toho zapisuje 0, takže hodnota funguje i v nástrojích, které none nepřijímají. Pokud je sytost nebo chromatičnost nulová, odstín nemá na vzhled žádný vliv.
Převeďte barvy HEX na RGB v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent RGB zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když RGB nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
Převeďte barvy HEX na HSL v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent HSL zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když HSL nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
Převeďte barvy HEX na HWB v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent HWB zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když HWB nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
Převeďte barvy HEX na CIELAB v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent CIELAB zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když CIELAB nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
Převeďte barvy HEX na CIE LCH v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent CIE LCH zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když CIE LCH nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
Převeďte barvy HEX na OKLab v jediném kroku. Zadejte hodnotu HEX v syntaxi CSS nebo jako samostatná čísla a získejte přesný ekvivalent OKLab zaokrouhlený pro CSS a vypočítaný pomocí knihovny culori. Když OKLab nedokáže barvu zobrazit, převede se na nejbližší barvu uvnitř gamutu podle specifikace CSS Color 4. Nástroj je určen vývojářům a návrhářům, kteří převádějí barvy mezi styly, grafickými nástroji a specifikacemi.
OneClick Pro je bezplatná kolekce více než 150 webových nástrojů pro každodenní práci: převod obrázků a jednotek, formátování a ověřování kódu, kontrolu domén a SEO i práci s textem, daty a čísly. Každý nástroj funguje bez registrace či předplatného a zadané údaje se používají pouze k výpočtu výsledku a nikdy se neukládají. Používejte ji jako rychlou sadu nástrojů pro jednorázové úkoly nebo si uložte do záložek nástroje, na které se každý den spoléháte.