Barvy a design
Převádějte barvy mezi HEX, RGB, HSL a dalšími formáty, kontrolujte kontrast podle WCAG a APCA nebo si vytvořte CSS gradient s live náhledem. Nástroje pro webové designéry a frontendové vývojáře.
Z cílové HEX barvy spočítá CSS filtr, který obarví černou ikonu nebo SVG. Zadejte barvu, zkopírujte hodnotu filter a máte hotovo.
Barvy a designVizuálně poskládejte CSS text-shadow s živým náhledem a hotovým kódem. Nastavte offset, rozostření i barvu a vytvořte neon, obrys nebo 3D efekt.
Barvy a designVytvořte CSS trojúhelník technikou border za pár vteřin. Vyberte směr špičky, rozměry a barvu, kód zkopírujete jedním kliknutím.
Barvy a designVizuálně poskládejte CSS box-shadow i border-radius, sledujte živý náhled a zkopírujte hotový kód pro CSS nebo Tailwind.
Barvy a designVytvořte harmonickou paletu z jedné barvy. Vyberte komplementární, analogickou, triádu nebo monochromatickou harmonii a barvy zkopírujte v HEX, RGB či HSL.
Barvy a designRychlý obousměrný převod px na rem i em podle kořenové velikosti písma. Zadejte hodnotu, zkopírujte hotové CSS a pište přístupnější styly.
Barvy a designPokročilý generátor CSS gradientů — lineární, radiální, kónické a mesh přechody s oklch, live náhledem a exportem do PNG/SVG.
Barvy a designZkontrolujte kontrastní poměr barev podle WCAG 2.x (AA/AAA) i APCA (WCAG 3.0). S živým náhledem, simulací barvosleposti a návrhy oprav.
Barvy a designPřevodník barev online zdarma. Zadejte HEX, RGB, HSL nebo OKLCH kód a získejte okamžitý převod do všech formátů včetně CMYK a CSS snippetů.
Barvy a design