Design grafico
QR, colori e piccoli aiuti per le immagini.
Generatore QR
Crea un codice QR per URL o testo: ECC, dimensioni, zona silenziosa e colori, tutto sul dispositivo.
Generatore barcode
CODE128, EAN-13, UPC o CODE39.
Selettore colore
Hex, RGB e HSL da un colore.
Controllo contrasto
Rapporto di contrasto WCAG tra due colori.
SVG in PNG
Rasterizza un SVG in PNG.
Generatore favicon
Crea un ICO favicon da un PNG, centrato su una tela trasparente, più dimensioni in un unico file.
Palette colori
Palette da un colore seme.
Generatore gradienti
Gradiente CSS e PNG.
Immagine OG
Immagine share 1200×630.
Grafico
CSV come barre/linee.
Screenshot codice
Codice come PNG.
Ombra CSS
Regola box-shadow dal vivo.
Calendario stampabile
PNG calendario mensile.
Meta tag
Genera meta SEO/social.
Avatar identicon
Avatar geometrico da testo.
Simulazione daltonismo
Approssimazione CVD.
CSS border-radius
Anteprima e copia di un border-radius a quattro angoli.
Immagine segnaposto
Crea un PNG pieno con dimensione ed etichetta.
CSS outline
Costruisce larghezza, stile e colore di outline.
CSS opacity
Costruisce una regola opacity: 0–1.
CSS letter-spacing
Costruisce una regola letter-spacing in em.
CSS line-height
Costruisce una regola line-height senza unità.
CSS word-spacing
Costruisce una regola word-spacing in em.
CSS font-weight
Costruisce una regola font-weight 100–900.
CSS text-transform
Costruisce una regola text-transform a parola chiave.
CSS text-align
Costruisce una regola text-align a parola chiave.
CSS font-style
Costruisce una regola font-style a parola chiave.
CSS text-decoration
Costruisce una regola text-decoration a parola chiave.
CSS text-indent
Costruisce una regola text-indent in em.
CSS white-space
Costruisce una regola white-space a parola chiave.
CSS cursor
Costruisce una regola cursor a parola chiave.
CSS user-select
Costruisce una regola user-select a parola chiave.
CSS overflow
Costruisce una regola overflow a parola chiave.
CSS gap
Costruisce una regola gap in rem.
Luminanza hex
Luminanza relativa di un colore hex.
Complemento hex
Colore hex complementare.
Schiarisci hex
Schiarisce un colore hex di una percentuale.
Scurisci hex
Scurisce un colore hex di una percentuale.
Mescola hex
Mescola due colori hex.
Inverti hex
Inverte RGB di un colore hex.
Hex in HSL
Converte hex in HSL.
HSL in hex
Converte HSL in hex.
px in rem
Converte pixel in rem.
rem in px
Converte rem in pixel.
px in em
Converte pixel in em.
em in px
Converte em in pixel.
vw in px
Converte vw in pixel.
px in vw
Converte pixel in vw.
Alpha Hex8
Aggiunge alpha a un colore hex.
Tinta hex
Mescola un colore hex verso il bianco.
Ombra hex
Mescola un colore hex verso il nero.
Scala di grigi hex
Converte hex in scala di grigi.
Coppia contrasto hex
Rapporto di contrasto di due colori hex.
Pad aspect CSS
padding-top % per un aspect ratio.
Hex pastello casuale
Colore hex pastello casuale.