Design & CSS
Genera colori pratici e CSS con un'anteprima locale in tempo reale.
Convertitore di colore
Converti i colori HEX, RGB e HSL e visualizza in anteprima il risultato esatto.
Apri strumento →CSS Gradient Generator
Crea un gradiente lineare a due colori e copia il CSS pronto per la produzione.
Apri strumento →Controllo contrasto WCAG
calcola il rapporto di contrasto tra due colori e verifica le soglie di testo WCAG AA e AAA comuni.
Apri strumento →CSS Box Shadow Generator
componi un box-shadow con valori live di colore, offset, blur e spread.
Apri strumento →Generatore di ombra del testo CSS
compone una dichiarazione text-shadow leggibile e visualizzala in anteprima su uno sfondo scelto.
Apri strumento →CSS Border Radius Generator
imposta quattro raggi d’angolo indipendenti ed esporta la dichiarazione CSS risultante.
Apri strumento →Generatore CSS Clamp Responsive
calcola un'espressione di clamp fluida tra le dimensioni minima e massima in base alle larghezze del viewport.
Apri strumento →Convertitore PX ↔ REM
converti pixel e unità rem utilizzando una dimensione del font radice esplicita per layout accessibili.
Apri strumento →CSS Triangle Generator
genera un triangolo CSS con bordo di dimensione zero per quattro direzioni, con dimensione e colore configurabili.
Apri strumento →Generatore di sfumature di colore
crea una scala di sfumature deterministica dal chiaro allo scuro a partire da un colore HEX con variabili CSS copiabili.
Apri strumento →Generatore di caricamento CSS
genera uno spinner leggero e accessibile con dimensioni, spessore, velocità e colori configurabili.
Apri strumento →Calcolatore di specificità CSS
calcola la specificità dei selettori e confronta ID, classi, attributi, pseudo-classi e selettori di elementi.
Apri strumento →CSS Easing Function Builder
convalida i punti di controllo cubic-bezier e genera CSS riutilizzabile per il timing delle transizioni.
Apri strumento →Estrattore di proprietà personalizzate CSS
trova le dichiarazioni delle variabili CSS, le definizioni duplicate e i rispettivi ultimi valori di testo risolti.
Apri strumento →CSS Media Query Builder
generare media query per larghezza, orientamento e preferenza di movimento a partire da condizioni responsive esplicite.
Apri strumento →Estrattore di valori di colore CSS
estrai e conta i valori di colore HEX, RGB, HSL e le funzioni moderne dai CSS incollati.
Apri strumento →CSS Supporta il Costruttore di Regole
genera query di funzionalità positive e di fallback da una dichiarazione CSS convalidata.
Apri strumento →CSS Font Stack Builder
crea una pila font-family tra virgolette con un fallback generico esplicito e rimozione dei duplicati.
Apri strumento →Analizzatore Z-Index CSS
estrai le dichiarazioni numeriche di z-index e ordina i valori di stacking senza eseguire il foglio di stile.
Apri strumento →Auditor della durata delle animazioni CSS
tempi di animazione e transizione dell'inventario e segnala se è presente la gestione del movimento ridotto.
Apri strumento →CSS Breakpoint Inventory
estrae i breakpoint delle media query min-width e max-width e riporta la loro frequenza e l'ordine.
Apri strumento →Controllo delle proprietà logiche CSS
confronta l'uso delle proprietà CSS fisiche e relative al flusso per layout compatibili con writing-mode.
Apri strumento →CSS Font Size Inventory
estrai le dichiarazioni di font-size per valore e unità per rivelare scale tipografiche incoerenti.
Apri strumento →CSS Grid Track Analyzer
Dichiarazioni di riga e colonna grid-template dell'inventario con riepiloghi dell'uso di repeat e minmax.
Apri strumento →Nessuno strumento corrispondente in questa pagina.