Vai al contenuto principale

Trova il prossimo strumento

Strumento privato nel browser

Generatore di palette colori da immagine

Estrai da un’immagine una palette pratica di colori dominanti e copia i valori HEX, RGB, CSS o JSON.

Fino a 20 MiB e 40 milioni di pixel per immagine. I provini a contatto accettano 2–50 immagini, fino a 100 MiB in totale. Le icone inseriscono l’intera immagine in un quadrato con margine trasparente.

Elaborazione locale nel browserNessun account richiestoGratuito L’originale resta invariato

Perché esiste questo strumento

Da cinque a otto campioni formano di solito una palette di lavoro utile.

  • ✓ 3–10 colori
  • ✓ HEX/RGB
  • ✓ variabili CSS
  • ✓ JSON

Utile per

  • • ispirazione per il brand
  • • design di interfacce
  • • temi per presentazioni

Trasforma una foto in una palette di colori utilizzabile

Una palette è più utile quando aiuta in una vera scelta di design: colori dell’interfaccia, accenti di una presentazione o un piccolo set di campioni ispirati al brand.

Usa i colori dominanti come punto di partenza

Le palette tratte dalle foto danno più peso ai colori che occupano più pixel. Sono quindi utili come ispirazione, ma non automaticamente adatte come palette di interfaccia accessibile.

Copia i valori HEX o RGB nel tuo strumento di design e verifica il contrasto separatamente prima di usarli per testo o controlli.

Mantieni la palette ridotta

Pochi colori sono più facili da usare di un muro di campioni quasi identici. Parti da un set compatto e aggiungi un accento speciale solo quando il design lo richiede.

Domande frequenti

Quanti colori deve avere la palette di una foto?

Una palette piccola è di solito più facile da usare. Sei colori sono un buon punto di partenza, e qualche colore in più aiuta se l’immagine ha diverse aree visive distinte.

I colori estratti sono accessibili per un’interfaccia?

Non automaticamente. Verifica separatamente il contrasto di testo e controlli prima di usarli in un’interfaccia.

Posso ottenere i valori HEX?

Sì. Lo strumento fornisce valori di colore adatti al CSS e ai flussi di design.

Perché alcuni colori della palette sembrano un po’ diversi?

L’estrazione raggruppa colori di pixel simili per ridurre il rumore, quindi i campioni mostrati sono rappresentativi e non un registro di ogni pixel originale.

Continua il flusso di lavoro