CDRN

Estrarre i colori dominanti da un'immagine

  • Dashboard
  • Documentazione
  • API
estrae i colori dominanti da un'immagine e compone una palette armoniosa pronta all'uso (HEX, RGB, HSL). Ideale per declinare una brand identity o per ispirarsi a una fotografia

Perché usare uno strumento di estrazione di palette di colori?

L'estrazione di una palette di colori da una foto è essenziale per designer e sviluppatori. Questo strumento semplifica il processo permettendo di estrarre rapidamente e con precisione i colori dominanti di un'immagine, raggruppando i colori simili, facilitando così la creazione di palette di colori armoniose per i vostri progetti.

Caratteristiche dello strumento di estrazione di palette di colori

Questo strumento di estrazione di palette di colori vi permette di caricare una foto ed estrarre i colori dominanti dell'immagine. Usa un algoritmo di clustering per raggruppare i colori simili, permettendovi di ottenere istantaneamente una palette di colori armoniosa per i vostri progetti di design e sviluppo.

Come usare lo strumento di estrazione di palette di colori

Per usare lo strumento di estrazione di palette di colori, seguite questi semplici passaggi:

  1. Caricate una foto usando il modulo previsto a tal scopo.
  2. Cliccate sul pulsante "Estrai". Lo strumento analizzerà l'immagine e mostrerà la palette di colori estratta, raggruppando i colori simili.

Esempio di utilizzo dello strumento di estrazione di palette di colori

Ecco un esempio di palette di colori estratta da una foto:

#cececc

#262123

#daad90

#229fbd

Domande frequenti

Quali formati di immagine sono accettati?

L'estrattore accetta le immagini bitmap classiche del web: JPG, JPEG, PNG, GIF e WebP. Le immagini vettoriali (SVG) non sono pertinenti per questo trattamento, poiché descrivono già i loro colori nel codice. Per un file SVG, apritelo in un editor di testo e leggete direttamente i valori HEX presenti negli attributi fill e stroke.

Qual è la dimensione massima di immagine accettata?

I file fino a circa 10 MB passano senza difficoltà. Oltre, il trattamento resta possibile ma rallenta nettamente. Per accelerare l'estrazione di una foto a risoluzione molto alta, ridimensionatela a circa 1500 px di larghezza: la palette dominante resta identica, l'analisi è molto più rapida.

Qual è la differenza tra un estrattore di palette e un color picker?

Un color picker restituisce il colore di un pixel preciso puntato col mouse. L'estrattore di palette analizza l'insieme dell'immagine, raggruppa i pixel visivamente vicini tramite clustering, poi restituisce gli n colori dominanti. Il picker è utile per puntare un dettaglio, l'estrattore per capire l'atmosfera cromatica globale di una foto.

Come l'algoritmo raggruppa i colori?

Lo strumento usa un clustering di tipo k-means nello spazio RGB: ogni pixel viene avvicinato al centro di classe più vicino, poi i centri vengono ricalcolati a ogni iterazione fino alla stabilizzazione. Il risultato è un elenco di colori rappresentativi, espressi in HEX, che riassumono l'immagine senza rumore.

La mia immagine viene memorizzata sul server?

L'immagine viene inviata al server il tempo dell'analisi pixel per pixel, poi distrutta immediatamente dopo l'estrazione della palette. Nessun file viene conservato su disco. I metadati EXIF (geolocalizzazione, modello di fotocamera) non vengono sfruttati e scompaiono con il file originale.

A cosa serve concretamente una palette estratta?

Gli usi sono numerosi: calibrare una linea grafica su una foto di prodotto, ricolorare un sito di e-commerce per abbinarsi all'atmosfera di un visual hero, alimentare un tema dark a partire da un'opera, o generare token di design in un file CSS, SASS o Tailwind. La palette ottenuta può poi essere rifinita nel generatore di palette o convertita con il convertitore di colore.

Esempio di richiesta

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Schema di input

Campo Tipo Richiesto Predefinito
image file ✓ –
number integer ✓ –

questo strumento si aspetta un file - utilizzare Content-Type multipart/form-data invece di application/json

Endpoint

  • GET https://cdrn.fr/api/v1/tools - elenca tutti gli strumenti disponibili
  • GET https://cdrn.fr/api/v1/tools/color-extractor - recupera lo schema di questo strumento
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - esegue questo strumento con un payload JSON