Strumenti per i colori
Converti formati di colore e crea gradienti CSS con anteprima live.
Convertitore di Colori
Converti tra HEX, RGB, HSL, HSV e CMYK in tempo reale. Scegli un colore o incolla qualsiasi valore — ogni formato si aggiorna mentre digiti.
Apri →Generatore di Gradienti CSS
Costruisci gradienti lineari e radiali visivamente. Regola gli stop e l'angolo, copia il CSS pronto da incollare.
Apri →Generatore di Box Shadow CSS
Sovrapponi più livelli di ombra, regola offset, sfocatura, diffusione e alpha, copia il CSS o la classe Tailwind.
Apri →Generatore CSS Clamp (Tipografia Fluida)
Scala tipografica che cresce con il viewport. Scegli dimensioni minime e massime del font, scegli larghezze minime e massime dello schermo — ottieni una regola clamp() pronta da copiare con uno slider di anteprima dal vivo.
Apri →Visualizzatore CSS Easing e Cubic-Bezier
Trascina le maniglie SVG, digita i valori o scegli tra oltre 30 curve predefinite. Anteprima animata in tempo reale e output pronto da copiare per CSS, GSAP e Framer Motion.
Apri →Verificatore di Contrasto
Verifica i rapporti di contrasto WCAG tra due colori qualsiasi. Visualizza i badge di promosso/bocciato per AA e AAA su testo normale e grande, con anteprima dal vivo.
Apri →Simulatore di daltonismo
Visualizza qualsiasi colore attraverso otto deficit della visione cromatica. Scopri esattamente cosa percepiscono gli utenti con protanopia, deuteranopia, tritanopia, acromatopsia e le loro forme più lievi.
Apri →Generatore di tinte, toni e ombre
Genera dieci tinte più chiare, dieci ombre più scure e dieci toni mescolati con il grigio da qualsiasi colore base. Clicca un campione per copiarne l'hex.
Apri →Generatore di Armonie di Colore
Genera palette complementari, analoghe, triadiche, tetradiche, quadrate, complementari divise e monocromatiche da qualsiasi colore di base, con variabili CSS copiabili.
Apri →Colori CSS Predefiniti
Riferimento ricercabile per tutti i 147 colori CSS predefiniti. Clicca su un campione per copiarne il nome; ordina per nome, tonalità o luminosità.
Apri →Mixer di Colori
Miscela due colori a qualsiasi rapporto con interpolazione in luce lineare. Opzionalmente mostra 11 stop di gradiente equispaziati tra i due.
Apri →Generatore di palette di colori
Genera bellissime palette di 5 colori che hanno davvero un bell'aspetto — seed curati, regole di armonia intelligenti, blocco e nuovo lancio.
Apri →