Ricavare una palette da una fotografia è il modo più rapido e onesto di arrivare a uno schema di colori. I colori di una buona fotografia funzionano già insieme, perché sono stati illuminati dalla stessa luce e catturati dallo stesso sensore. I progettisti costruiscono schemi così da quando esistono fotografie da cui ricavarli.
Questo strumento estrae fino a sei colori da qualsiasi immagine. Riduce l'immagine a un piccolo campione, assegna ogni pixel a un contenitore di colore approssimativo, ordina i contenitori in base a quanti pixel vi ricadono e poi percorre quella classifica scegliendo colori sufficientemente distanti da quelli già selezionati. È quest'ultimo passaggio a impedire che da una foto di spiaggia restituisca sei sfumature dello stesso beige.
L'analisi avviene nel browser su una copia ridotta della tua immagine. Non viene caricato nulla e nessuna palette viene memorizzata da qualche parte.
| Passaggio | Cosa succede |
|---|---|
| Riduzione | L'immagine viene portata a 80 pixel sul lato più lungo |
| Raggruppamento | Ogni pixel viene assegnato a un contenitore di colore approssimativo |
| Ordinamento | I contenitori vengono ordinati per numero di pixel |
| Separazione | Un candidato viene saltato se è troppo vicino a un colore già scelto |
| Media | Ogni contenitore scelto riporta la media reale dei suoi pixel |
Ridurre prima è voluto. Media via il rumore del sensore e gli artefatti JPEG, che altrimenti genererebbero migliaia di colori quasi identici sommergendo la classifica di variazioni prive di significato.
Una palette estratta è materiale grezzo, non un sistema finito. Il colore che occupa la maggior parte dell'immagine è di solito il tuo sfondo; il più piccolo e saturo è di solito l'accento, e dovrebbe restare un accento anziché diventare uno sfondo.
Controlla sempre il contrasto prima di decidere. Due colori che stanno benissimo affiancati in una fotografia possono essere lontanissimi dal rapporto di 4,5:1 che il testo corrente richiede rispetto al proprio sfondo. Le palette estratte sono particolarmente esposte a questo, dato che le fotografie sono piene di mezzitoni troppo vicini tra loro per il testo.
Fino a sei. Ne restituisce meno quando un'immagine non contiene davvero sei colori sufficientemente distinti: una fotografia monocromatica potrebbe darne tre.
Ogni campione è la media di un gruppo di pixel simili anziché un singolo pixel prelevato. Questo dà un colore più rappresentativo di un punto arbitrario, che potrebbe cadere su una luce speculare o su un artefatto di compressione.
No. La selezione è automatica, basata su quanta immagine occupa ciascun colore e su quanto è distinto da quelli già scelti. Ritaglia prima la regione che ti interessa se vuoi influenzare il risultato.
Clicca un campione per copiarne il codice negli appunti e incollalo nel tuo CSS, nel tuo strumento di progettazione o nel documento di marca. Il download te li dà tutti e sei come immagine etichettata.
Non necessariamente. Lo strumento seleziona colori visivamente distinti, non colori che soddisfino requisiti di contrasto. Verifica sempre le coppie testo-sfondo con un controllo di contrasto prima di pubblicare.
No. L'analisi avviene su una copia ridotta nel browser e non viene trasmesso nulla.
