🎨Strumenti media e colore online
Questa categoria riunisce strumenti media e colore per designer e sviluppatori: elaborazione immagini, generatori CSS di gradienti e ombre, palette colori e checker del contrasto. Crea visual e CSS accessibili, gratis e senza caricare le tue immagini.
Calcola un aspect ratio (16:9...) e ricava la dimensione proporzionale mancante.
Genera un codice a barre (EAN-13, Code128, UPC) da un valore, scaricabile, nel tuo browser.
Decodifica un data URI o Base64 in un'immagine visualizzabile e scaricabile nel tuo browser.
Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare.
Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia.
Rendi trasparente un colore di sfondo (schermo verde/blu) ed esporta un PNG nel tuo browser.
Converti un colore tra HEX, RGB e HSL, con un'anteprima dal vivo.
Scegli il colore di un pixel facendo clic direttamente su un'immagine importata (HEX, RGB) nel tuo browser.
Genera una scala di sfumature e tinte da un unico colore base.
Estrai i colori dominanti da un'immagine importata per creare una tavolozza nel tuo browser.
Controlla il rapporto di contrasto tra due colori e la conformità WCAG AA/AAA.
Genera un valore CSS clamp() fluido (tipografia reattiva) tra due dimensioni del viewport.
Crea un gradiente CSS (lineare o radiale) con un'anteprima dal vivo e un codice pronto per la copia.
Genera un'animazione CSS @keyframes (fade, slide, bounce...) con anteprima e codice.
Personalizza una barra di scorrimento CSS (larghezza, colori, raggio) e ottieni il codice.
Genera uno spinner/caricatore animato CSS (dimensioni, colore, velocità) con un'anteprima.
Genera un triangoil CSS (trucco del bordo) con direzione, dimensione e colore.
Converti unità CSS (px, rem, em, pt) con una base configurabile.
Genera una favicon PNG da un emoji, in più dimensioni, direttamente nel tuo browser.
Visualizza i metadati EXIF di una foto (fotocamera, data, GPS) senza caricarla.
Genera una favicon (16/32/48/180 px PNG) da un'immagine importata, nel tuo browser.
Dividi un GIF animato in fotogrammi PNG scaricabili, direttamente nel tuo browser.
Genera un effetto CSS glassmorphism (vetro smerigliato) con anteprima e codice pronto da copiare.
Applica una sfocatura a un'immagine (raggio regolabile) e scarica il risultato nel tuo browser.
Inquadra un'immagine con un bordo del colore e dello spessore scelti, scaricabile, nel tuo browser.
Regola la luminosità e il contrasto di un'immagine e scarica il risultato nel tuo browser.
Comprimere un'immagine (JPG/WebP, cursore qualità) per ridurne le dimensioni, senza caricarla.
Converti un'immagine tra PNG, JPG e WebP direttamente nel tuo browser, senza caricare.
Ritaglia un'immagine disegnando l'area direttamente con il mouse, quindi scaricala.
Applica il dithering (Floyd-Steinberg, effetto retrò) a un'immagine nel tuo browser.
Converti un'immagine in scala di grigi (bianco e nero) e scaricala nel tuo browser.
Inverti i colori di un'immagine (negativo) e scarica il risultato nel tuo browser.
Aggiungi grana/rumore a un'immagine (effetto pellicola) e scarica il risultato nel tuo browser.
Pixela un'immagine (dimensione pixel regolabile) e scarica il risultato nel tuo browser.
Riduci il numero di colori di un'immagine (posterizza) e scarica il risultato nel tuo browser.
Ridimensiona un'immagine (larghezza/altezza, mantieni le proporzioni) senza caricare, quindi scarica.
Ruota (90/180/270°) e capovolgi (speculare) un'immagine, quindi scaricala, senza caricare.
Arrotonda gli angoli di un'immagine (raggio regolabile) ed esporta un PNG trasparente nel tuo browser.
Applica un filtro seppia (effetto vintage) a un'immagine e scaricalo nel tuo browser.
Rendi più nitida un'immagine (convoluzione) e scarica il risultato nel tuo browser.
Converti un'immagine in arte ASCII (caratteri in base alla luminosità), direttamente nel tuo browser.
Converti un'immagine (PNG, JPG, GIF, WebP) in una stringa Base64/data URI, senza caricamento.
Converti un'immagine in un file.ico di più dimensioni (favicon di Windows), direttamente nel tuo browser.
Aggiungi una filigrana di testo a un'immagine (posizione e opacità regolabili), scaricabile, nel tuo browser.
Genera un codice QR da un testo, un URL o un collegamento e scaricalo.
Genera un'ombra di testo CSS con un'anteprima dal vivo e un codice pronto per la copia.
Trasforma il testo in un'immagine PNG scaricabile (carattere, colori, sfondo) nel tuo browser.
Leggi il testo ad alta voce utilizzando la sintesi vocale del tuo browser (FR/EN, selezione vocale).
Frequently asked questions
Come controllo il contrasto dei colori?
Il checker del contrasto calcola il rapporto tra due colori e indica se soddisfa i criteri di accessibilità WCAG AA e AAA.
Le mie immagini vengono caricate su un server?
No. L'elaborazione delle immagini avviene localmente nel browser: i tuoi file restano privati e non vengono mai inviati online.