Palette di colori, gradienti e design UI accessibile

Genera palette armoniose, verifica i contrasti accessibili WCAG, crea gradienti CSS Mesh ed esporta codice pronto all'uso.

Colore e Sistemi Palette UI

3 strumenti

Generatore di Palette

Crea schemi armoniosi con blocco dei campioni ed esportazione in Tailwind e CSS.

HEX

Palette UI Internazionali

280 tonalità selezionate da 14 palette internazionali con copia rapida in HEX e RGB.

Estrattore di Palette

Estrai tonalità dominanti e accenti da qualsiasi immagine caricata con copia istantanea.

Standard Web e Accessibilità CSS

3 strumenti
AaAAA

Controllo Contrasto WCAG

Verifica che i tuoi testi si leggano bene e senza sforzo su qualsiasi sfondo secondo gli standard WCAG.

Gradienti CSS e Mesh

Crea gradienti lineari, radiali e sfondi Mesh fluidi pronti da copiare o esportare in 4K.

Generatore di Favicon

Genera pacchetti completi con favicon.ico, icone Apple Touch e codice HTML pronto.

Estetica Retrò e Pixel Art

2 strumenti

Convertitore Pixel Art

Pixelizza grafiche regolando la dimensione dei blocchi e applicando palette retrò a 8/16 bit.

@ % # * + = - : .# # @ @ % % * * :@ @ @ @ @ @ @ @ #% % * * + + = = -. : - = + * # % @

Arte ASCII

Trasforma le tue foto in affascinanti disegni di testo composti da caratteri e simboli ASCII.

Colori, contrasti e risorse visive per i tuoi progetti

Strumenti pratici per scegliere combinazioni cromatiche armoniose, verificare che i tuoi testi siano perfettamente leggibili secondo le linee guida WCAG e creare moderni gradienti CSS senza sforzo.

Copia i codici colore in HEX, RGB o classi Tailwind direttamente nel tuo codice con un solo clic.

✓Senza librerie né dipendenze: codice CSS nativo, variabili CSS e token Tailwind pronti per l'uso immediato.

Generatore ed Estrattore di Palette

Crea schemi cromatici bilanciati o estrai la palette esatta da qualsiasi fotografia.

Copia in 1 clic in HEX, RGB o Tailwind
Armonie cromatiche automatiche
Esportazione istantanea

Verifica Contrasto WCAG

Assicurati che i testi su siti web e app siano leggibili e conformi agli standard internazionali di accessibilità.

Valutazione istantanea della leggibilità
Chiari indicatori AA e AAA
Regolazione intelligente della luminosità

Gradienti CSS e Favicon

Crea sfondi moderni con sfumature cromatiche ed esporta pacchetti completi di icone per tutti i browser.

Codice CSS leggero e pulito
Generatore completo di pacchetti Favicon
Nessuna installazione richiesta

Domande frequenti sulla suite di design

Puoi copiare i codici direttamente in formato esadecimale (#FFFFFF), RGB (rgb(255, 255, 255)), HSL e come classi native di Tailwind CSS.

Lo strumento calcola il rapporto matematico di luminanza tra il testo e lo sfondo, valutandolo secondo le linee guida WCAG 2.1 AA (minimo 4.5:1) e AAA (7:1).

No. Tutte le analisi per l'estrazione dei colori e la creazione di favicon avvengono al 100% in locale nella memoria del tuo browser.