Převodník barev

Převádějte barvy mezi formáty HEX, RGB, HSL, HSV, CMYK a LAB – upravte jedno pole a ostatní se průběžně aktualizují.

Upravte libovolné pole a ostatní se okamžitě aktualizují, nebo si vyberte barvu ze vzorníku.

Vyberte barvu nebo zadejte hodnotu v libovolném formátu.

Každý převod probíhá ve vašem prohlížeči. Nic z toho, co zadáte, se neodesílá na servery BroBroGo.

Časté dotazy

Mezi kterými formáty barev mohu převádět?

HEX, RGB, HSL, HSV, CMYK a LAB. Zadejte hodnotu do kteréhokoli z nich a zbývajících pět se okamžitě aktualizuje, takže můžete převádět z jakéhokoli formátu do jiného.

Je výstup CMYK připraven pro profesionální tisk?

Berte to jako přibližný odhad pro obrazovku. Skutečný tiskový prostor CMYK závisí na papíru, inkoustu a profilu tiskárny, takže tiskárna může vrátit hodnoty, které se od těchto mírně liší.

Proč se barva v LAB nebo CMYK vrací mírně změněná?

Formáty LAB a CMYK dokážou popsat barvy, které obrazovka nedokáže zobrazit. Když hodnota spadne mimo viditelný rozsah RGB, přitáhne se k nejbližší zobrazitelné barvě, takže zpětný převod ji může mírně posunout.

Kapátko na barvy z obrázkuVyberte jakýkoli pixel z obrázku a zjistěte jeho hodnotu v HEX, RGB a HSL s lupou pro maximální přesnost.Kontrola kontrastuZadejte barvu textu a pozadí a zjistěte kontrastní poměr WCAG a které úrovně AA a AAA vyhovují.Binární / hexadecimální převodníkPřevádějte čísla mezi binární, hexadecimální, desítkovou a osmičkovou soustavou – nebo převádějte text na bajty.Převodník formátů obrázkůPřevádějte obrázky JPG, PNG, WebP, HEIC and AVIF přímo ve svém prohlížeči.Kompresor obrázkůKomprimujte obrázky lokálně pomocí chytré komprese, cílové velikosti a pokročilých nastavení.Kalkulačka poměru stranPřeveďte jakoukoli šířku × výšku na čistý poměr jako 16:9, nebo si vyberte poměr a dopočítejte chybějící stranu – pro video, fotky i obrazovky.Generátor faviconPřeveďte jeden obrázek PNG, JPG nebo SVG na favicon.ico a všechny velikosti ikon, které váš web potřebuje, zabalené v souboru ZIP.Generátor box-shadowTažením posuvníků vytvořte stín boxu, vrstvěte stíny pro větší hloubku a okamžitě zkopírujte výsledný CSS kód.Generátor přechodůVytvořte lineární, radiální nebo kónický přechod, přidejte barevné body, nastavte směr a jedním kliknutím zkopírujte CSS.Generátor border-radiusZaoblete každý roh pomocí posuvníků, vytvářejte organické tvary v eliptickém režimu a okamžitě zkopírujte CSS.Generátor FlexboxuNastavte flex kontejner a jeho položky pomocí vizuálních prvků, sledujte změny v reálném čase a zkopírujte CSS jedním kliknutím.Formátování a minifikace CSSUpravte odsazení nepřehledného CSS pro lepší čitelnost, nebo ho minifikujte pro produkci – s bezpečným režimem, který nikdy nemění pořadí pravidel.Převodník px na rem a emPřevádějte mezi px, rem a em s použitím vlastní výchozí velikosti a kontextu písma – upravte libovolné pole a zbývající dvě se při psaní okamžitě aktualizují.