Strumenti Design — Gratis online

13 strumenti

Strumenti di design e CSS: selettori colore, generatori di gradienti, generatori di ombre e utilità CSS.

Verificatore Contrasto WCAG e APCA

Verifica l'accessibilità dei colori con rapporti WCAG 2.1 e punteggi APCA moderni con simulazione visuale in tempo reale.

Generatore Animazioni CSS

Progetta visualmente animazioni keyframe ad alte prestazioni con anteprime live e controlli di easing.

Generatore CSS Border Radius

Crea visualmente border-radius CSS avanzati a 8 punti. Progetta cerchi, forme organiche e figure elaborate.

Generatore CSS Box Shadow

Progetta visivamente ombre CSS multi-livello avanzate con anteprime in tempo reale e supporto inset.

Generatore Filtri CSS

Applica filtri CSS in tempo reale come blur, contrasto e luminosità alle immagini con anteprime live ed export codice.

Generatore CSS Flexbox

Progetta visualmente layout flessibili con sandbox interattivo per proprietà container e items.

Generatore CSS Grid

Progetta visualmente layout 2D complessi. Trascina per creare aree griglia, regola tracce ed esporta CSS pulito.

Convertitore PX ↔ REM

Convertitore bidirezionale px/rem con matching Tailwind CSS, generatore tipografia fluida clamp() e conversione CSS in batch.

Convertitore SVG in CSS

Converti icone SVG in data URI CSS ottimizzati con formati output background-image, mask-image e Tailwind.

Generatore Favicon

Genera favicon da testo, emoji o immagini in formati ICO, PNG, SVG e bundle PWA con supporto modalità scura.

Generatore Gradienti CSS

Crea gradienti CSS accattivanti con editor visuale che supporta tipi lineare, radiale e conico con interpolazione OKLCH e sovrapposizione texture granulare.

Generatore Palette Colori

Genera palette colori armoniose in OKLCH con sei modalità armonia, matrice contrasto WCAG ed esportazione CSS/Tailwind/JSON.

Selettore Colori

Seleziona colori con canvas HSV interattivo, converti tra HEX, RGB, HSL e OKLCH, e verifica rapporti contrasto WCAG contro bianco e nero.