Nástroje Design — Zdarma online
13 nástrojůNástroje pro design a CSS: výběr barev, tvorba přechodů, generátory stínů a CSS utility.
Kontrola kontrastu WCAG a APCA
Kontroluje přístupnost barev s poměry WCAG 2.1 a moderními APCA skóre s vizuální simulací v reálném čase.
Generátor CSS animací
Vizuálně navrhuje vysoce výkonné keyframe animace s živými náhledy a ovládáním easingu.
Generátor CSS Border Radius
Vizuálně vytváří pokročilé 8bodové CSS border radius. Navrhuje kruhy, organické tvary a propracované figury.
Generátor CSS Box Shadow
Vizuálně navrhuje pokročilé vícevrstvé CSS stíny s náhledy v reálném čase a podporou inset.
Generátor CSS filtrů
Aplikuje CSS filtry v reálném čase jako rozmazání, kontrast a jas na obrázky s živými náhledy a exportem kódu.
Generátor CSS Flexbox
Vizuálně navrhuje flexibilní layouty s interaktivním sandboxem pro vlastnosti kontejneru a elementů.
Generátor CSS Grid
Vizuálně navrhuje složité 2D layouty. Přetáhněte pro vytvoření oblastí mřížky, upravte stopy a exportujte čisté CSS.
Převodník PX na REM
Obousměrný převodník px/rem s párováním Tailwind CSS, generátorem plynulé typografie clamp() a dávkovou konverzí CSS.
Převodník SVG na CSS
Převádí SVG ikony na optimalizované CSS data URI s výstupními formáty background-image, mask-image a Tailwind.
Generátor favicon
Generuje favicony z textu, emoji nebo obrázků ve formátech ICO, PNG, SVG a PWA balíčku s podporou tmavého režimu.
Generátor CSS gradientů
Vytváří atraktivní CSS gradienty s vizuálním editorem podporujícím lineární, radiální a kuželové typy s OKLCH interpolací a překrytím zrnitou texturou.
Generátor barevných palet
Generuje harmonické barevné palety v OKLCH se šesti režimy harmonie, kontrastní maticí WCAG a exportem CSS/Tailwind/JSON.
Výběr barev
Vybírá barvy s interaktivním HSV plátnem, převádí mezi HEX, RGB, HSL a OKLCH a kontroluje kontrastní poměry WCAG proti bílé a černé.