Progettazione e CSS

Crea colori, dimensionamento reattivo e CSS pronto per la produzione.

Colore e accessibilità

Convertitore di ColoreConverta i colori tra HEX, RGB, HSL, HSV, CMYK e LAB: modifichi un campo e gli altri si aggiorneranno di conseguenza.Pagine specializzate (8)
Verifica ContrastoInserisca un colore per il testo e uno per lo sfondo per calcolare il rapporto di contrasto WCAG e verificare il superamento dei livelli AA e AAA.

CSS layout ed effetti

Generatore di Box ShadowTrascini i cursori per definire un'ombra box-shadow, sovrapponga i livelli per dare profondità e copi il codice CSS istantaneamente.
Generatore di GradientiCrei un gradiente lineare, radiale o conico, aggiunga punti di colore, imposti la direzione e copi il codice CSS con un solo clic.
Generatore di Border RadiusArrotondi ogni angolo con i cursori, crei forme organiche con la modalità ellittica e copi il codice CSS all'istante.
Generatore di FlexboxConfiguri un contenitore flex e i relativi elementi con controlli visivi, osservi la risposta del layout in tempo reale e copi il codice CSS con un clic.
Generatore di CSS GridDefinisca colonne e righe, trascini il mouse sulle celle per posizionare gli elementi e copi il codice CSS e HTML corrispondente con un solo clic.
Generatore CSS Cubic BezierTrascini le due maniglie per modellare una curva di easing, osservi il movimento in tempo reale e copi il valore cubic-bezier() risultante.
Calcolatore CSS clamp()Inserisca una dimensione per schermi piccoli e grandi e ottenga un valore clamp() fluido che si adatta perfettamente: ideale per font, padding, margini o gap.

Ispezione e licenze font

Verifica licenza e info fontApra un font locale per leggerne i nomi incorporati, il testo della licenza e i flag di incorporamento nei documenti — come prove del file, non come prova del possesso di una licenza.

Schermo, stampa e proporzioni