Design e colore
Selettori, palette, gradienti e verificatori di contrasto.
Selettore e convertitore di colore
Scegli un colore e convertilo tra HEX, RGB, HSL e OKLCH.
Verifica del contrasto dei colori
Controlla i rapporti di contrasto WCAG AA/AAA tra colore del testo e dello sfondo.
Generatore di gradienti CSS
Crea gradienti CSS lineari, radiali e conici con anteprima in tempo reale.
Generatore di box-shadow CSS
Crea box-shadow CSS multilivello con preset e anteprima in tempo reale. Copia all’istante il CSS, il valore o lo stile React.
Generatore di palette di colori
Genera palette complementari, analoghe, triadiche e monocromatiche.
Generatore di curve di Bézier
Progetta una curva di easing CSS trascinando i punti di controllo, con anteprima in tempo reale.
Generatore di border-radius
Crea visivamente angoli arrotondati CSS e forme organiche tipo blob.
Playground CSS Flexbox
Regola le proprietà flex con anteprima in tempo reale e copia il CSS.
Playground CSS Grid
Regola colonne, spaziatura e allineamento della griglia con anteprima in tempo reale e CSS.
Generatore di glassmorphism
Progetta una card in vetro smerigliato e copia il CSS, con anteprima in tempo reale.
Generatore di text-shadow CSS
Regola un’ombra del testo CSS con anteprima in tempo reale e copia il codice.
Mixer di colori
Mescola due colori a qualsiasi proporzione e copia il risultato o qualsiasi passaggio.
Selettore colori da immagine
Scegli qualsiasi colore da un’immagine ed estrai la palette dominante in HEX, RGB e HSL.
Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.