Extractor de paletă de culori

Încărcați o imagine pentru a-i extrage culorile dominante. Obțineți coduri HEX pentru fiecare mostră, copiați cu un clic. Totul rulează în browser.

Cum funcționează Extractor de paletă de culori

Color Palette Extractor analizează imaginea dumneavoastră și identifică culorile vizual dominante folosind un algoritm de clustering k-means rulat pe datele pixelilor într-un Canvas. Rezultatul este un set de mostre de culoare cu valorile lor HEX pe care le puteți copia individual. Niciun octet de imagine nu părăsește browserul; eșantionarea pixelilor rulează local într-un Web Worker astfel încât firul principal rămâne responsiv.

Extracția grupează sutele de mii de culori individuale ale pixelilor într-un număr mai mic de clustere reprezentative. Numărul de culori de ieșire este configurabil, astfel încât puteți extrage o paletă strânsă de cinci culori sau un set mai larg de doisprezece. Aceasta este utilă pentru a extrage rapid culorile brandului dintr-un logo, pentru a identifica tonurile dominante ale unei fotografii pentru un mood board, sau pentru a verifica ce culori apar într-o imagine încărcată de utilizator.

Scris de Bastien Sulyan

Cum se folosește Extractor de paletă de culori, pas cu pas

Trasați imaginea în zona de încărcare sau dați clic pentru a naviga.
Setați numărul de culori pe care doriți să le extrageți (de obicei de la 5 la 12).
Da clic pe Extrage. Clusteringul pixelilor rulează local într-un Web Worker.
Vizualizați mostrele de culoare rezultate și valorile lor HEX.
Da clic pe orice mostra pentru a copia codul HEX în clipboard.

Cazuri de utilizare frecvente

Un designer extrage paleta dominantă dintr-o fotografie de brand pentru a se asigură că noile materiale de marketing se potrivesc cu povestea de culori existență.
Un dezvoltator identifică culorile principale dintr-un avatar încărcat de utilizator pentru a genera dinamic o culoare de accent UI potrivită.
Un artist construiește un mood board de referință extragand palete din mai multe imagini de referință și comparând codurile HEX extrase.
Un blogger extrage cinci tonuri dominante dintr-o fotografie header pentru a alege culori complementare de text și butoane pentru un aspect de postare.

Întrebări frecvente

Cum funcționează algoritmul de extracție a culorii?

Unealta citește toate valorile pixelilor din imagine prin Canvas.getImageData(), le eșantionează pentru viteză, apoi rulează clustering k-means. Fiecare centroid de cluster devine una dintre culorile de ieșire. K-means grupează pixelii după proximitatea culorii, astfel încât tonurile vizuale dominante apar ca culori centroid.

Necesită extragerea culorilor incarcarea imaginii?

Nu. Eșantionarea pixelilor are loc într-un Web Worker în browserul dumneavoastră. Imaginea este citită de pe discul local, desenată pe un OffscreenCanvas, iar tabloul de pixeli este procesat în memorie. Datele nu părăsesc dispozitivul dumneavoastră.

De ce culorile extrase arată puțin diferit de ce vad în imagine?

Centroizii k-means reprezintă media matematică a unui cluster de culori de pixeli. O culoare care este foarte comună dar ușor variata (un cer albastru cu variații ușoare de gradient) va produce un centroid care este nuanță medie mai degrabă decât orice valoare exactă de pixel pe care o puteți indica. Rezultatul este o medie reprezentativa, nu un eșantion al unui pixel specific.

Pot extrage palete din fotografii cu transparența?

Pixelii complet transparenți (alpha = 0) sunt exclusi din clustering pentru a evita ca regiunea transparența să influenteze culorile extrase către negru sau alb în funcție de umplerea de fundal a Canvas-ului. Pixelii semi-transparenți sunt inclusi în eșantion ponderati de valoarea alpha.

În ce format sunt codurile de culoare?

Unealta produce coduri HEX (precum #3A7BD5). Dacă aveți nevoie de RGB, HSL sau alte formate, copiați valoarea HEX în unealta Color Converter, care accepta HEX și convertește la toate modelele de culoare comune.

Instrumente conexe

Păstrează totul local, explorează instrumente complementare.

Toate instrumentele de imagine