Estrarre Palette di Colori Online
Estrai i colori dominanti da qualsiasi immagine gratuitamente, direttamente nel browser.
.jpg, .png, .webp · fino a 50 MB
Perché usarlo
Palette di design estratte da immagini reali
HEX, RGB e HSL
Ottieni i codici nei tre formati più usati, pronti da copiare.
100% privato
L'analisi avviene nel tuo browser. La tua immagine non lascia mai il tuo dispositivo.
Algoritmo preciso
Quantizzazione del colore con Median Cut per colori rappresentativi ed equilibrati.
Istantaneo
Palette generata in meno di 1 secondo. Nessuna coda, nessuna registrazione, nessun limite.
Come funziona
Tre passaggi, senza complicazioni
Carica la tua immagine
Trascina o seleziona un file JPG, PNG o WebP. Fino a 50 MB. Nessuna registrazione richiesta.
Analizza la palette
L'algoritmo estrae automaticamente i colori più rappresentativi. Regola il numero di colori se necessario.
Copia i codici colore
Ottieni i valori HEX, RGB e HSL per ciascun colore. Pronti da usare nel tuo design.
FAQ
Hai delle domande?
La quantizzazione del colore è il processo che riduce il numero di colori distinti in un'immagine mantenendo l'aspetto visivo il più fedele possibile. Un'immagine fotografica può contenere milioni di colori unici; la quantizzazione li raggruppa in un insieme rappresentativo (ad esempio, 8 o 16 colori). L'algoritmo più classico è Median Cut, sviluppato da Paul Heckbert nel 1982: divide lo spazio cromatico 3D (RGB) in riquadri e, a ogni iterazione, suddivide il riquadro più grande lungo l'asse di maggiore estensione, assegnando a ogni riquadro il colore medio dei pixel che contiene. Il risultato è una palette che rappresenta bene i colori dominanti, ma può perdere sfumature nei toni poco frequenti.
Per l'identità di marca e i sistemi di design, la raccomandazione standard prevede una palette da 5 a 8 colori: 1 colore primario (il più rappresentativo e identificabile), 2-3 colori secondari (complementari al primario), 1-2 colori di accento (per le call to action e i punti in evidenza), e 1-2 neutri (bianco, nero, grigio per la tipografia e gli sfondi). Le palette più ampie (oltre 10 colori) sono difficili da mantenere coerenti. Le palette molto piccole (2-3 colori) possono risultare monotone. Per estrarre una palette da un'immagine fotografica a scopo artistico o di ispirazione, tra 6 e 10 colori di solito catturano bene l'essenza visiva.
HEX è la rappresentazione esadecimale di RGB: #FF5733 equivale a R=255, G=87, B=51. È il formato più usato in CSS e nel web design per la sua compattezza. RGB (Red, Green, Blue) è il modello additivo della luce: mescolare i tre canali ai valori massimi produce il bianco (255,255,255). È intuitivo per i programmatori che lavorano con i calcoli sui colori. HSL (Hue, Saturation, Lightness) è il più intuitivo per i designer: H è l'angolo sulla ruota cromatica (0° = rosso, 120° = verde, 240° = blu), S è la saturazione (0% = grigio, 100% = colore puro), L è la luminosità (0% = nero, 50% = colore puro, 100% = bianco). Modificare un colore in HSL è più prevedibile: per scurire un colore è sufficiente ridurre L senza influenzare la tonalità.
La regola 60-30-10 è la guida più diffusa nel design d'interni e grafico: il 60% dello spazio visivo usa il colore dominante (di solito un neutro o il colore principale del brand), il 30% usa il colore secondario (crea contrasto e profondità) e il 10% usa il colore di accento (call to action, elementi in evidenza). Nel design di interfacce web, questa proporzione si adatta a: sfondo (60%, di solito bianco o grigio chiaro), contenuti e tipografia (30%, grigio scuro o nero), elementi interattivi (10%, colore brand vibrante). La regola garantisce coerenza visiva senza monotonia, perché c'è sempre abbastanza varietà tonale per creare gerarchia visiva.
I colori complementari sono opposti sulla ruota cromatica (rosso/verde, blu/arancio, giallo/viola). Creano il massimo contrasto visivo e vengono usati per elementi che devono risaltare chiaramente sullo sfondo. In ambito sportivo e nei brand energetici, il rosso su verde e il blu su arancio sono combinazioni classiche. I colori analoghi sono adiacenti sulla ruota cromatica (rosso, arancio, giallo). Creano armonia e senso di unità, risultando più piacevoli e meno aggressivi visivamente. Per le interfacce utente estese (app, siti web), gli schemi analoghi sono più riposanti per la vista. La terza categoria, i colori triadici (tre colori equidistanti: rosso, giallo, blu), bilancia contrasto e armonia.
Teoria del colore: sistema Pantone, quantizzazione e palette accessibili
La teoria del colore ha radici nella fisica e nella percezione visiva. Isaac Newton dimostrò nel 1666 che la luce bianca è la somma di tutti i colori dello spettro facendo passare la luce solare attraverso un prisma. Johannes Itten, professore al Bauhaus negli anni Venti, formalizzò la ruota cromatica come strumento didattico e stabilì le relazioni armoniche che rimangono il fondamento del design cromatico moderno. Josef Albers, anch'egli del Bauhaus, andò oltre: nel suo libro Interaction of Color (1963) dimostrò che la nostra percezione di un colore non è assoluta ma relativa al contesto, un fenomeno chiamato contrasto simultaneo. Un grigio su sfondo nero sembra più chiaro dello stesso grigio su sfondo bianco, anche se il valore del grigio è identico.
Il sistema Pantone, fondato nel 1963 da Lawrence Herbert nel New Jersey, risolse un problema fondamentale dell'industria della stampa: due tipografie in città diverse non potevano riprodurre lo stesso rosso senza un sistema di riferimento comune. Pantone creò un campionario standardizzato (il Pantone Matching System, PMS) con numeri univoci per ogni colore e formule di miscelazione dell'inchiostro precise. Oggi il sistema comprende oltre 1.800 colori per la stampa su carta, tessuti e plastica. L'algoritmo Median Cut, base della quantizzazione digitale del colore, risolve il problema inverso: dato un insieme di milioni di colori, trovare gli N più rappresentativi. L'algoritmo fu successivamente ottimizzato da Xiaolin Wu (1992) con il metodo Octree quantization, più veloce e con una qualità migliore per le palette piccole.
Le palette cromatiche accessibili sono una considerazione critica nel design delle interfacce. Il daltonismo colpisce l'8% degli uomini e lo 0,5% delle donne di discendenza europea, con tassi inferiori in altri gruppi etnici. La forma più comune, il daltonismo rosso-verde (deuteranopia e protanopia), rende rosso e verde indistinguibili. Progettare usando solo rosso e verde per differenziare stati (errore/successo, ad esempio) esclude milioni di utenti. La soluzione non è evitare rosso e verde, ma aggiungere ulteriori differenziatori (icone, testo, forma) e usare variazioni di luminosità sufficientemente distinte. Strumenti come Coblis (Color Blindness Simulator) consentono di visualizzare qualsiasi immagine come la percepirebbe una persona con diversi tipi di daltonismo.