Paletă de culori din imagine

Cum extragi o paletă de culori dintr-o imagine

1. Trage o imagine în zona de încărcare sau apasă pe ea ca să alegi un fișier. Funcționează JPG, PNG, WebP, GIF și orice alt format pe care îl poate afișa browserul tău.
2. Instrumentul analizează imediat imaginea și afișează Culori dominante, ordonate de la cea mai prezentă la cea mai puțin prezentă.
3. Ajustează Numărul de culori (de la 3 la 12) ca să obții o paletă mai largă sau mai restrânsă. Debifează Ignoră pixelii albi și aproape albi dacă albul este o culoare importantă a imaginii tale, de exemplu un produs alb sau zăpada.
4. Copiază o culoare cu butonul Copiază de sub eșantionul ei sau alege un format la Exportă ca (Listă HEX, Variabile CSS, Variabile SCSS, Listă JSON sau Culori Tailwind) și apasă Copiază sau Descarcă pentru întreaga paletă. Extrage culorile rulează din nou analiza.

Imaginea ta este citită local de browser. Nu este încărcată niciodată pe un server.

Cum sunt găsite culorile dominante

Imaginea este mai întâi desenată pe un canvas invizibil, redusă astfel încât latura cea mai lungă să aibă cel mult 512 de pixeli. Asta menține analiza rapidă fără să schimbe culorile de ansamblu. Pixelii sunt apoi grupați cu un algoritm de cuantizare (median cut modificat, din biblioteca open-source Color Thief) care lucrează în spațiul de culoare OKLCH, astfel încât culorile care par asemănătoare pentru ochi ajung în același grup.

Fiecare grup devine o culoare a paletei, iar procentul de sub fiecare eșantion este ponderea lui din pixelii analizați. Bara de deasupra eșantioanelor arată aceste proporții dintr-o privire. Pixelii transparenți sunt omiși, la fel și pixelii albi și aproape albi cât timp opțiunea este bifată, pentru că fundalurile albe simple ar domina altfel majoritatea fotografiilor de produs și a capturilor de ecran.

Fiecare eșantion afișează codul HEX în negru sau alb, în funcție de ce se citește mai bine, astfel încât eticheta rămâne lizibilă atât pe culori deschise, cât și pe cele închise.

Idei de utilizare pentru o paletă din imagine

• Branding și web design: construiește o temă de site dintr-o fotografie principală sau dintr-un logo, astfel încât interfața să se potrivească imaginii.
• Prezentări și rețele sociale: alege culori de text și de fundal care se potrivesc cu o imagine de copertă.
• Design interior, modă și artă: surprinde atmosfera unei fotografii, a unui tablou sau a unei mostre de țesătură.
• Vizualizarea datelor: preia culorile graficelor dintr-o ilustrație folosită în același raport.

Culorile extrase sunt medii ale multor pixeli, deci pot părea puțin mai puțin vii decât cel mai saturat punct din fotografie. Dacă ai nevoie de culoarea exactă a unui anumit pixel, folosește în schimb un selector de culoare din imagine.