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.
Nastavte si efekt matného skla posuvníky a zkopírujte hotové CSS. Živý náhled na čtyřech pozadích a kontrola, jestli text na skle splní WCAG AA.
Barvy a designNahrajte obrázek a vytáhněte z něj paletu dominantních barev. Kapátkem zjistíte kód konkrétního bodu v HEX, RGB i HSL a rovnou ho zkopírujete.
Barvy a designZ 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 design