Strumenti95

CREA QUALCOSA DI FANTASTICO

Selettore colore immagine.

Preleva colori HEX, RGB e HSL da un'immagine. Estrai e modifica una tavolozza, controlla il contrasto del testo, quindi copia i colori o esporta PNG, SVG, CSS o JSON.

Pubblicità
Il tuo spazio di lavoro immagini
Elaborazione temporanea sul server
o trascina e rilascia qui
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Scegli la tua immagine per iniziare.IMMAGINE
Pubblicità
Blog Come scegliere i colori dell'immagine e creare una tavolozza Leggi la guida

Scegli i colori dell'immagine e crea una tavolozza che puoi utilizzare

Ispeziona un pixel, copia il suo valore HEX, RGB o HSL ed estrai una tavolozza iniziale da una foto. Mantieni i colori che ti piacciono, modifica il resto, controlla una coppia testo-sfondo ed esporta PNG, SVG, CSS o JSON.

Un'immagine fornisce campioni di colore individuali e una tavolozza che può essere raffinata ed esportata.
VIDEO TUTORIAL RAPIDO How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Narrazione in inglese Guarda il video

How to pick an image color and export a palette

Funzionalità e controlli

Scegli un pixel con una vista ingrandita

Fai clic o tocca l'immagine per ispezionare un colore, quindi copia il suo codice.

Posizionamento preciso e limitazioni dell'anteprima

La lente d'ingrandimento ti aiuta a mirare ai piccoli dettagli. Metti a fuoco l'immagine e usa i tasti freccia per spostarti di un pixel, Maiusc più una freccia per spostarti di dieci e Invio per selezionare. HEX, RGB e HSL hanno pulsanti di copia individuali. Le sorgenti decodificabili dal browser vengono campionate nel browser sRGB. Quando viene utilizzata un'anteprima normalizzata, la sua etichetta identifica i colori e le coordinate come approssimativi.

Estrai una tavolozza iniziale utile

Scegli da 3 a 12 colori da estrarre e prova Dominante o Vibrante.

Come vengono stimati colori e percentuali

Dominante privilegia i colori principali dell'immagine. Vibrante dà maggiore influenza agli accenti colorati. L'estrazione campiona un'immagine delimitata, raggruppa colori simili e restituisce fino al numero richiesto; un'immagine piatta può contenerne meno. I pixel completamente trasparenti sono esclusi e l'opacità parziale riduce il peso di un pixel. Le percentuali descrivono gruppi campionati approssimativi, non un conteggio esatto di ogni pixel originale. L'estrazione automatica carica l'immagine sul server.

Mantieni, sostituisci e riordina i tuoi colori

Blocca i campioni utili, modifica i loro valori HEX o aggiungi un colore scelto o personalizzato.

Raffinazione di una tavolozza prima dell'esportazione

Seleziona un campione per modificarne il colore, spostalo a sinistra o a destra, oppure rimuovilo. Blocca mantiene un colore scelto quando utilizzi Aggiorna tavolozza o modifichi le impostazioni di estrazione. Aggiungi alla tavolozza utilizza il colore RGB campionato; Aggiungi un colore personalizzato ti consente di inserire un valore HEX. Una tavolozza può contenere da 1 a 12 colori per l'esportazione. I colori scelti, modificati e bloccati non ricevono percentuali d'immagine inventate.

Comprendere i pixel trasparenti

Scegli Colore sorgente o Componi su uno sfondo in Campionamento.

Opacità della sorgente e colori esportati

Colore sorgente riporta il pixel selezionato e la sua opacità nel codice copiato. Componi su uno sfondo mostra il suo aspetto dopo la fusione con Campiona sfondo. I colori della tavolozza e le esportazioni sono valori RGB opachi, quindi aggiungere un colore sorgente traslucido non preserva il suo canale alfa. La modalità di campionamento cambia il colore ispezionato; non ricolora l'immagine sorgente né modifica l'estrazione automatica.

Controlla una coppia testo e sfondo

Usa Controlla contrasto colore per confrontare due colori.

Cosa copre il risultato del contrasto

Scegli Testo e Sfondo con i controlli colore, inserisci i valori HEX o usa il colore scelto. L'anteprima mostra un rapporto di contrasto e risultati separati per Normale AA, Normale AAA, Grande AA e Grande AAA per il testo. Questo controlla solo la coppia di colori selezionata. Non verifica un'intera pagina, non tiene conto di ogni immagine di sfondo né certifica che un design completo sia accessibile.

Esporta i colori per il passaggio successivo

Salva un'immagine della tavolozza, campioni vettoriali, variabili CSS o dati colore strutturati.

PNG, SVG, CSS e JSON

PNG produce una scheda tavolozza etichettata. SVG mantiene i campioni e le etichette come contenuto vettoriale. CSS esporta variabili numerate come --color-1. JSON contiene valori HEX, RGB e HSL. Seleziona Salva con nome e poi Avvia per creare un file chiamato palette con l'estensione scelta. Copiare un colore o l'intera tavolozza HEX può essere più rapido quando ti servono solo i valori.

File ed elaborazione

Input
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC e HEIF
Output
Una tavolozza PNG, SVG, CSS o JSON

25 MB massimo per file. Un file di input per esecuzione.

Un'immagine sorgente fino a 60 megapixel. I campioni di estrazione al massimo 512 pixel per lato, ignorano i pixel completamente trasparenti e potrebbero restituire meno colori di quelli richiesti. L'esportazione supporta da 1 a 12 colori opachi della tavolozza. Le sorgenti animate o multi-immagine utilizzano il loro primo fotogramma statico.

L'immagine viene caricata automaticamente per estrarne la tavolozza e caricata nuovamente per l'esportazione finale. La selezione dei pixel e le modifiche manuali alla tavolozza vengono eseguite nel browser. Un formato che il browser non è in grado di decodificare potrebbe richiedere anche un'anteprima del server. Questo strumento utilizza l'elaborazione del colore convenzionale, non l'IA.

I file vengono elaborati sul server. La preparazione dell'anteprima potrebbe anche caricare un file quando la decodifica del browser non è disponibile o è necessaria un'anteprima del documento. I download dal server sono disponibili per la tua sessione per un massimo di due ore.

Per un risultato immagine, usa Continua sotto i risultati del download per scegliere un passaggio successivo compatibile. Puoi selezionare quali immagini portare con te; il prossimo strumento inizierà con le proprie impostazioni.

Aggiornare un editor o una pagina di download ti riporta alla pagina dello strumento. Scarica il risultato prima di iniziare un nuovo flusso di lavoro. Consulta la nostra Informativa sulla privacy per la gestione dei file.

FAQ

Buono a sapersi.

Alcune risposte prima di iniziare.

Elaborazione temporanea sul server
Posso ottenere HEX, RGB e HSL da un'immagine?

Sì. Scegli un pixel e usa il pulsante di copia accanto al valore che ti serve. Il selettore mostra l'opacità quando pertinente; le esportazioni opache della tavolozza contengono colori RGB.

Qual è la differenza tra Dominante e Vibrante?

Dominante enfatizza i colori comuni dell'immagine. Vibrante dà più influenza agli accenti colorati. Entrambi sono approssimazioni campionate e nessuno promette di trovare automaticamente un particolare colore del brand.

Perché una richiesta di sei colori ne restituisce meno?

Una sorgente potrebbe avere meno colori visibili distinti. L'estrattore restituisce i gruppi disponibili invece di inventare campioni duplicati per riempire il conteggio richiesto.

Posso mantenere un colore mentre aggiorno la tavolozza?

Sì. Seleziona il suo campione e usa Blocca colore. Puoi anche aggiungere un valore HEX personalizzato, riordinare i campioni o rimuovere i colori prima dell'esportazione.

Tutto rimane nel mio browser?

No. La selezione dei pixel e le modifiche alla tavolozza vengono eseguite nel browser, ma l'estrazione automatica e l'esportazione finale caricano la sorgente sul server. Alcuni formati di input necessitano anche di un'anteprima generata dal server.

Pubblicità

Lingua38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Scegli la tua lingua. I video tutorial utilizzano attualmente la narrazione in inglese.