Estrarre la tavolozza da un’immagine
Palette Extractor
Tira fuori da un’immagine una tavolozza di N colori e la esporta in esadecimale, come variabili CSS o come campionario ASE.
I colori di una fotografia, come una tavolozza da incollare in un foglio di stile. Il quantizzatore è quello che usa la compressione PNG, per il ragionamento che una tavolozza abbastanza buona da rappresentare l'immagine è per definizione una tavolozza che la descrive; e la quota di immagine coperta da ogni colore viene contata, non stimata.
Trascina qui un’immagine
La tavolozza esce dallo stesso quantizzatore che usa il compressore PNG: una tavolozza abbastanza buona da rappresentare l’immagine è una tavolozza che la descrive.
Come si usa
Trascinare un'immagine
La barra sotto l'anteprima mostra ogni colore alla sua quota vera, quindi un colore che copre il 2% del fotogramma appare largo il 2%.
Decidere quanti colori si vogliono
Da due a sedici. Intorno a cinque o sei di solito la tavolozza smette di essere un riassunto e comincia a essere un elenco.
Esportare nella forma che serve
Proprietà personalizzate CSS, un blocco @theme di Tailwind, variabili SCSS o JSON, copiati tutti insieme invece che un campione alla volta.
Domande frequenti
Perché un colore che si vede benissimo non è nella tavolozza?
Perché copre una parte troppo piccola dell'immagine. Il quantizzatore ottimizza per rappresentare la fotografia intera, quindi un accento acceso sull'1% del fotogramma perde contro una grande area di grigi quasi identici. Basta alzare il numero di colori.
Campiona l'immagine intera?
Con un passo uniforme su tutta quanta, circa 400.000 pixel. I colori dominanti sono una proprietà della distribuzione, quindi un campionamento a passo li conserva; e a differenza del rimpicciolire prima, non può inventare un colore che nella fotografia non c'è.
Il risultato per Tailwind non funziona nel mio progetto.
Tailwind 4 definisce i colori come proprietà personalizzate dentro @theme, ed è quello che viene emesso qui. Una configurazione in stile v3 con module.exports incollata in un progetto v4 non fa niente, in silenzio, e vale anche il contrario.
Può ricevere da
Colore medio e dominante
Average & Dominant Colour
Restituisce un colore rappresentativo dell’immagine — medio, mediano o più frequente — come valore di colore.
Simulatore di daltonismo
Colour Blindness Simulator
Ridisegna un’immagine come la vedrebbe chi ha protanopia, deuteranopia o tritanopia, oppure in scala di grigi.
Selettore di colore
Colour Picker
Sceglie un colore su un campo OKLCH, con il contagocce sullo schermo o da un’immagine caricata, e lo copia nella notazione che vuoi.
Generatore di tavolozze
Palette Generator
Costruisce una tavolozza armonica a partire da un colore di base, con le regole del complementare, della triade e degli analoghi.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Convertitore di codici colore
Colour Format Converter
Converte un colore tra HEX, RGB, HSL, HWB, LAB, LCH e OKLCH e dice qual è il colore con nome più vicino.
Verifica del contrasto
Contrast Checker
Dà un punteggio alla coppia testo/sfondo secondo WCAG 2 e APCA e propone il colore più vicino che passa.
Colore medio e dominante
Average & Dominant Colour
Restituisce un colore rappresentativo dell’immagine — medio, mediano o più frequente — come valore di colore.
Generatore di tavolozze
Palette Generator
Costruisce una tavolozza armonica a partire da un colore di base, con le regole del complementare, della triade e degli analoghi.
Togliere lo sfondo
Background Remover
Elimina uno sfondo piatto o di un colore solo lavorando in OKLab e restituisce un PNG trasparente, con un pennello per rifinire i bordi.
Togliere i dati EXIF
EXIF Remover
Elimina dalle foto i metadati di fotocamera, GPS e modifica, lasciando i pixel intatti.