Palette colori da un'immagine
Trascina un'immagine e ricevi i suoi colori principali con i valori HEX e RGB. Clicca un colore per copiarne il valore.
oppure tocca per sceglierla.
Scegli fileIncorpora gratis questo strumento
Incolla questo codice nel punto del tuo sito in cui vuoi mostrare lo strumento. Contiene la tua chiave personale.
Gratis, senza registrazione. Lo strumento funziona nel browser dei tuoi visitatori e i loro file non vengono mai caricati. Sotto lo strumento compare un piccolo riferimento a enhancevision.de.
Passo dopo passo
- Trascina un'immagine: una foto, uno screenshot, un logo o un dipinto. I colori vengono calcolati subito e mostrati accanto all'immagine.
- In «Numero di colori» scegli quanti colori avrà la palette: 4, 6, 8, 10 o 12. La palette si ricalcola a ogni modifica.
- Su ogni campione leggi il codice HEX, i valori RGB e la quota del colore nell'immagine. Il colore più presente è sempre il primo.
- Clicca su un singolo campione per copiare solo quel codice HEX. Con «Copia» tutti i codici HEX della palette finiscono insieme negli appunti, separati da virgole.
- Salva la palette con «Salva come CSS» per il tuo sito o con «Come immagine (PNG)» come riepilogo da condividere o stampare.
A cosa serve
- Colori del brand dal logo: Se il logo esiste solo come immagine, la palette fornisce i valori per biglietti da visita, sito e grafiche social. Per colori aziendali esatti confronta il risultato con i valori ufficiali, se esistono.
- Feed Instagram coerente: Una foto preferita diventa la palette con cui colori testi, cornici e grafiche dei tuoi post.
- Arredamento e ristrutturazione: La foto di una stanza, di un tessuto o di un quadro mostra quali tonalità stanno bene insieme. I valori aiutano a confrontare con le mazzette colori, ma sullo schermo i colori appaiono diversi che sul muro.
- Pittura, maglia, bricolage: Per un dipinto da una foto, uno schema a maglia o un lavoro con perline, la palette mostra i colori principali e la loro quota approssimativa, utile per acquistare la giusta quantità di materiale.
A cosa serve?
Per una grafica con l'atmosfera della tua foto preferita, i colori del sito abbinati a un logo, la pittura per le pareti abbinata a un quadro o una palette per un dipinto. I colori sono ordinati in base alla loro presenza nell'immagine.
Domande frequenti
Quanto sono precisi i colori?
Sono medie di aree di colore simili. Per i singoli pixel usa il contagocce di un programma di grafica.
La mia immagine viene caricata?
No.
Cosa contiene il file CSS?
Una variabile CSS per ogni colore, numerata secondo la quota: --farbe-1, --farbe-2 e così via. Incollala nel tuo foglio di stile e usa i colori tramite le variabili.
Com'è fatto il PNG?
Mostra ogni colore come un grande quadrato, uno accanto all'altro, con il codice HEX sotto: utile come moodboard o da passare ad altri.
Manca un colore piccolo ma vistoso: perché?
La palette raggruppa i colori simili e tiene conto di quanta superficie occupano. Un piccolo tocco di colore si confonde facilmente in uno più grande. Aumenta il numero di colori e sarà più probabile che abbia un campione suo.
Le aree trasparenti vengono contate?
No. I pixel in gran parte trasparenti vengono ignorati. Con un soggetto scontornato ottieni solo i colori del soggetto, non quelli dello sfondo vuoto.
Ottengo sempre la stessa palette?
Sì. La stessa immagine con lo stesso numero di colori dà sempre lo stesso risultato, quindi puoi ricreare la palette quando vuoi.
HEX o RGB: quale mi serve?
I codici HEX come #3A6EA5 si usano sul web e nella maggior parte dei programmi di grafica. I valori RGB servono quando un programma chiede rosso, verde e blu separatamente. Entrambi descrivono lo stesso colore.