Convertor gratuit

Paleta de culori Extractor din imagine

Extrageți instantaneu culorile dominante din orice imagine. Obțineți valori HEX și RGB cu un singur clic. Gratuit, sigur și rulează în întregime în browser.

Trageți și plasați imaginea aici

Suporta PNG, JPG, WEBP, GIF. Maxim 50 MB.

Sau

Despre acest instrument

Extragerea paletei de culori analizează o imagine și identifică culorile dominante sau reprezentative. Rezultatul este un set mic de culori - de obicei 5-8 - care surprind caracterul vizual al imaginii. Designerii folosesc palete extrase pentru a coordona alte elemente de design (culori ale UI care completează o imagine de erou, palete de brand derivate din fotografie, scheme de culori care se potrivesc cu o imagine de stare).

Extragerea folosește algoritmi de grupare (k-means sau similar) pentru a grupa toți pixelii imaginii în numărul solicitat de clustere de culori. Centrul fiecărui grup devine o paletă de culoare. Cele mai mari clustere reprezintă culorile dominante; algoritmul poate, de asemenea, pondere prin importanța vizuală (saturație, contrast) mai degrabă decât numărul brut de pixeli la culorile de accent izbitoare ale suprafeței.

Acest instrument rulează în browser utilizând JavaScript. Imaginea este decodificată în date de pixeli, eșantionată pentru a reduce calculul și grupată. Ieșirea este paleta cu coduri hexadecimale, valori RGB și bare proporționale care arată prevalența fiecărei culori în imagine.

De ce să extrageți paletele de culori

Proiectarea pieselor care se coordonează cu imaginile existente este mult mai rapidă cu paletele extrase decât alegerea culorilor cu ochii. Designerii web care construiesc pagini de destinație în jurul imaginilor eroi, agenții de marketing care produc active care se potrivesc cu o fotografie cheie a unui produs și designerii de mărci care analizează imaginile concurenților beneficiază, toți, de extragerea algoritmică a paletei.

Paletele acceptă și gestionarea conținutului. Clasificarea imaginilor după culoarea dominantă vă permite să construiți interfețe în care utilizatorii răsfoiesc fotografii, produse sau modele după culoare. Construirea unui astfel de sistem necesită extragerea sistematică a paletelor, pe care extragerea programatică o permite.

Cum se utilizează

Încărcați, alegeți dimensiunea paletei, obțineți culorile.

  1. Încărcați imaginea dvs: Trageți un JPEG, PNG sau WebP în zona de încărcare. Sunt acceptate fișiere de până la 50 MB.
  2. Alegeți dimensiunea paletei: 5-8 culori acoperă majoritatea cazurilor de utilizare. 3-4 pentru o paletă bine concentrată; 10+ pentru extracția fin detaliată. Paletele mai mari includ culori mai subtile, dar produc o utilitate diminuată.
  3. Extras: Gruparea rulează în browserul dvs. Paletele mai mici extrag mai repede; paletele mai mari din imagini de înaltă rezoluție durează câteva secunde.
  4. Utilizați paleta: Codurile hexadecimale pot fi copiate direct. Paleta poate fi exportată ca JSON, proprietăți personalizate CSS sau o imagine de eșantion de culoare.

Cazuri comune de utilizare

Detalii tehnice

K- înseamnă iterații de grupare: atribuiți fiecare pixel celui mai apropiat centru al clusterului, recalculați centrele ca medie a pixelilor alocați, repetați până la convergență. Rularea pe imagini cu rezoluție completă este lentă; eșantionarea (luând fiecare al N-lea pixel) accelerează cu pierderi minime de calitate.

Spațiul de culoare contează. Clustering în RGB produce palete ponderate în funcție de distanța RGB, care nu se potrivește cu distanța perceptivă. Clustering în LAB sau HSV produce palete mai aliniate perceptiv - culorile care arată similar se grupează împreună mai fiabil.

Ieșire: coduri hexadecimale pentru fiecare centru de cluster, plus procentul de pixeli ai imaginii din fiecare cluster. Procentul reprezintă prevalența vizuală; cel mai mare grup este culoarea cea mai dominantă.

Cele mai bune practici

Întrebări frecvente

Câte culori sunt extrase?
Instrumentul extrage de obicei 5-8 culori dominante, în funcție de complexitatea imaginii. Imaginile simple cu puține culori produc mai puține mostre, mai distincte. Fotografiile complexe produc o gamă mai largă.
Cum funcționează algoritmul de extracție?
Instrumentul folosește cuantificarea culorilor (cutare mediană sau grupare k-means) pentru a grupa pixeli similari și pentru a identifica culorile cele mai reprezentative. Acest lucru produce culori semnificative din punct de vedere vizual, mai degrabă decât cele mai comune valori ale pixelilor.
Pot folosi culori extrase pentru marca mea?
Da. Aceasta este o tehnică populară pentru obținerea paletelor de mărci din panouri de dispoziție, fotografii sau imagini ale produselor. Codurile hexadecimale extrase pot fi folosite direct în CSS, instrumente de proiectare sau ghiduri de marcă.
De ce culorile extrase nu se potrivesc exact cu ceea ce văd?
Extragerea culorilor grupează pixeli similari împreună. Un gradient care arată ca o culoare pentru ochi poate fi mediat într-o nuanță ușor diferită. De asemenea, calibrarea monitorului afectează modul în care apar culorile pe ecran.
Ce format are ieșirea?
Codurile hexadecimale în mod implicit. Majoritatea instrumentelor exportă, de asemenea, RGB, HSL și alte valori ale spațiului de culoare. Proprietățile personalizate CSS sau ieșirea JSON sunt utile pentru utilizare programatică.
Imaginea mea este încărcată pe un server?
Nu. Extragerea are loc în browserul dvs.
Se va potrivi paleta cu identitatea mărcii?
Extracția algoritmică este descriptivă, nu prescriptivă. Ieșirea descrie imaginea; marca poate avea o paletă înrudită, dar diferită. Utilizați extracția ca punct de plecare, apoi rafinați pentru alinierea mărcii.
Pot extrage dintr-un videoclip?
Extragerea unui singur cadru numai cu acest instrument. Pentru extragerea paletei video, mostre de cadre și extrage din fiecare, apoi agregați.