De ce am adăugat extragerea automată a paletei de culori în color picker

Color picker-ul nostru ți-a permis dintotdeauna să încarci o imagine și să dai clic pe orice pixel ca să obții valoarea lui exactă HEX, RGB și HSL. Asta răspunde la „ce culoare are acest punct anume?“ — util, dar nu întrebarea pe care o au de fapt majoritatea oamenilor când încarcă o fotografie. De obicei e „care e schema generală de culori a acestei imagini?“ — extragerea unei palete de brand dintr-un logo sau potrivirea atmosferei unei fotografii de referință pentru schema de culori a unui site.

Eșantionarea unui singur pixel nu poate răspunde la asta. Așa că am adăugat extragerea paletei: încarci o imagine, iar instrumentul extrage acum automat cele mai dominante opt culori și le afișează ca mostre pe care poți da clic.

Cum funcționează

Nu e implicat niciun model AI și nimic nu e încărcat nicăieri — e un algoritm simplu de numărare a frecvențelor, care rulează în câteva milisecunde:

Imaginea este redusă la un canvas de 80×80. Rezoluția completă nu e necesară pentru statistici de culoare, iar reducerea menține totul instantaneu chiar și pentru fotografii mari.
Fiecare pixel este pus într-o „găleată“ pe baza unei versiuni simplificate a culorii sale — primii 5 biți ai fiecărui canal RGB, astfel încât pixelii aproape identici vizual ajung în aceeași găleată, în loc să conteze fiecare drept o culoare unică.
Găleților li se face un clasament după câți pixeli au ajuns în ele, iar cele mai mari opt devin paleta, fiecare afișată ca media culorilor din găleata respectivă.

Atât. Fără machine learning, fără servicii externe — doar redimensionare și numărare, motiv pentru care e instantaneu și nu părăsește niciodată browserul tău.

Clic pe o mostră, primești codul

Fiecare mostră din paletă e interactivă: dai clic pe una și devine culoarea activă a instrumentului, cu HEX, RGB și HSL completate automat și codul hex copiat în clipboard în același clic. Există și un buton „copy all“ dacă vrei întreaga paletă ca listă separată prin virgule, utilă pentru lipit direct într-un instrument de design sau într-un bloc de proprietăți CSS personalizate.

Încearcă

Încarcă orice imagine — o captură de ecran, un logo, o fotografie — pe pagina color picker și paleta apare automat dedesubt.