Cambia i colori di un'immagine

Cambiare un colore in un'immagine

Una giacca rossa deve diventare blu. Un colore di marca è cambiato e quaranta schermate hanno ancora quello vecchio. Un prodotto esiste in sei colori e la fotografia è una sola.

Il modo ingenuo di farlo è selezionare il colore e riempirlo con un altro, e il risultato è sempre sbagliato: la giacca diventa una sagoma blu piatta, senza una piega. Quello che la faceva sembrare una giacca erano le ombre — centinaia di rossi appena diversi — e il riempimento butta via tutto questo.

Questo strumento cambia il colore e mantiene le ombre. Ogni sfumatura di rosso della giacca diventa la corrispondente sfumatura di blu: le luci restano chiare, le pieghe restano scure, e continua a sembrare la fotografia di una giacca.

Che cos'è l'elenco

Un PNG o un JPG non contiene un elenco di colori come un SVG: una foto può contenerne facilmente duecentomila diversi. Per questo la tabella sotto l'immagine è l'insieme dei colori di cui è fatta soprattutto, trovati raggruppando le sfumature quasi identiche e ordinandole per quanta parte dell'immagine occupano.

Per un logo, un'icona, una schermata o una grafica piatta, quell'elenco è semplicemente i colori veri, e cambiarne uno è esatto.

Per una fotografia, ogni riga rappresenta un'intera famiglia di sfumature — «i rossi», non un rosso. È questo che rende il risultato utilizzabile, ed è anche perché il comando successivo conta.

Quanto deve essere simile un colore

Decide quanta sfumatura se ne va insieme al colore che hai scelto.

• Troppo stretto e cambia solo una parte della giacca, lasciando chiazze del vecchio colore.
• Troppo largo e la modifica sborda su cose che non intendevi: la giacca rossa si porta dietro la porta marrone.

Parti dal centro e spostalo finché i bordi della modifica non cadono dove vuoi. Il bordo della corrispondenza è sfumato invece che tagliato, così non ottieni un contorno seghettato dove il colore finisce.

Mantieni le ombre

Attivo di serie, ed è la differenza fra una fotografia ricolorata e un adesivo.

Con l'opzione attiva ogni pixel mantiene la propria luminosità e solo la tinta e la vivacità si spostano sul nuovo colore. Disattivandola, ogni pixel corrispondente diventa esattamente il colore scelto — che è quello che serve per una grafica piatta, un logo o uno sfondo pieno, dove non c'è comunque nessuna ombra da mantenere.

Rendere trasparente un colore

Ogni riga ha una gomma accanto al suo colore. Premila e quel colore non viene sostituito ma tolto: quei pixel diventano trasparenti invece di diventare qualcos'altro.

È il modo più rapido per staccare uno sfondo piatto da un logo o da un'icona: clicca lo sfondo nell'immagine, premi la gomma, salva in PNG. Vale lo stesso bordo sfumato, quindi il confine viene tagliato con dolcezza e non strappato.

Solo PNG e WebP possono contenere la trasparenza. Se scegli JPG la pagina te lo dice, perché un JPG non può che salvare l'area cancellata come bianco.

Cliccare nell'immagine

L'elenco è un punto di partenza, non un limite. Clicca in un punto qualsiasi dell'immagine modificata e lo strumento lavora sul colore sotto il clic: seleziona la riga a cui appartiene, oppure ne aggiunge una se non è vicino a nessuna.

Di solito è la via d'ingresso più rapida: clicca la cosa che vuoi cambiare, poi scegli in cosa deve diventare.

Non viene caricato nulla

L'immagine viene letta, ricolorata e salvata dentro il tuo browser. Non raggiunge mai un server, cosa che conta per scatti di prodotto, lavori per clienti e fotografie di persone.

Significa anche nessuna attesa di caricamento e nessuna coda, e lo strumento continua a funzionare offline una volta caricata la pagina.

A cosa serve

• Cambiare il colore di un prodotto perché una sola foto copra tutta la gamma
• Aggiornare schermate dopo che un colore di marca è cambiato
• Ricolorare un logo o un'icona che esiste solo come PNG
• Produrre una versione chiara e una scura della stessa grafica
• Cambiare un colore di sfondo senza ritagliare niente
• Provare un colore prima di deciderlo, dato che l'immagine si aggiorna mentre scegli

Buono a sapersi

• Le due anteprime sono l'immagine prima e dopo, alla stessa dimensione: il confronto è onesto
• L'uscita è PNG per impostazione predefinita, senza perdita e con la trasparenza; JPG e WebP ci sono quando conta di più il peso
• I pixel trasparenti restano trasparenti, e un JPG salvato in JPG viene ricodificato una volta: salva in PNG se l'immagine verrà ancora lavorata
• Un'immagine molto grande viene ridotta per restare gestibile, e la pagina lo dice invece di ridimensionare in silenzio
• Questo lavora sui colori, non sugli oggetti: se due cose diverse hanno lo stesso colore, cambiano entrambe. Quando in una foto è un problema, ritaglia prima il soggetto con Rimuovi sfondo
• Per un SVG usa Cambia i colori di un SVG, che modifica i veri valori di colore invece dei pixel
• Per leggere un colore da un'immagine invece di cambiarlo, usa Selettore di colore da immagine

Come si usa

• Clicca su Clicca per caricare, oppure trascina il tuo PNG o JPG sul riquadro
• I colori di cui è fatta l'immagine compaiono nella tabella sotto
• Clicca un colore nell'immagine per saltarci, oppure scegli una riga dall'elenco
• Imposta il nuovo colore a destra, con il selettore o digitando un esadecimale
• Allarga o restringi quanto deve essere simile un colore finché la modifica non copre quello che intendevi
• Lascia Mantieni le ombre per le fotografie; disattivalo per la grafica piatta
• Oppure premi la gomma su una riga per togliere del tutto quel colore, e salva in PNG
• Premi Scarica l'immagine

Strumenti collegati

• Cambia i colori di un SVG — lo stesso lavoro per i file vettoriali
• Selettore di colore da immagine — leggere i colori di un'immagine
• Palette di colori da un'immagine — estrarre un'intera palette da una foto
• Rimuovi sfondo — ritagliare prima il soggetto
• Comprimi immagine — rendere più piccolo il risultato
• Ridimensiona immagine — cambiarne la dimensione