Strumenti di progettazione
Strumenti rapidi per il front-end e la progettazione visiva, con CSS pronto da copiare e controlli di accessibilità basati sulla formula di contrasto WCAG.
7 strumenti
Strumenti di questa categoria
- Convertitore di coloriConverti i colori tra HEX, RGB, HSL, HWB, OKLCH e CMYK approssimativo. Incolla un colore CSS o usa il selettore, poi copia il formato desiderato. Tutto nel browser.
- Verifica contrasto coloriVerifica il rapporto di contrasto WCAG 2.2 tra testo e sfondo, controlla i risultati AA e AAA per testo ed elementi dell’interfaccia e trova il colore più vicino che soddisfa i requisiti.
- Generatore di gradienti CSSCrea gradienti CSS lineari, radiali e conici con 2-6 interruzioni di colore; imposta angolo e posizioni, visualizza l'anteprima in tempo reale e copia il CSS dello sfondo.
- Generatore di ombre per riquadriCrea ombre CSS per riquadri con più livelli: offset, sfocatura, espansione, colore, opacità e inset. Visualizza l’anteprima su qualsiasi sfondo e copia il CSS box-shadow.
- Generatore di palette di coloriGenera palette complementari, analoghe, triadiche, tetradiche, complementari divise e di sfumature a partire da un colore. Blocca i colori e copia HEX, CSS o JSON.
- Convertitore da px a remConverti px in rem o em e viceversa, impostando qualsiasi dimensione del font radice (predefinita: 16px). Include una tabella delle dimensioni più comuni e converte i valori px in interi snippet CSS.
- Calcolatore del rapporto d’aspettoCalcola la larghezza o l’altezza mancante per qualsiasi rapporto d’aspetto, semplifica dimensioni come 1920×1080 in 16:9, visualizza l’anteprima della forma e copia la regola CSS aspect-ratio.