Paleta de culori a unei imagini
Alege, trage sau lipește o imagine: primești culorile ei principale, de la cea mai întinsă la cea mai mică, gata de copiat.
Setări
Sau trage imaginea peste „Imaginea” ori lipește-o (Ctrl+V).
Imaginea
exemplu desenat de paginăCulorile, de la cea mai întinsă
Cum alege culorile
Imaginea e micșorată întâi, ca latura mai lungă să aibă cel mult 128 de pixeli; pixelii cu opacitate sub 50% sunt lăsați deoparte. Pixelii rămași sunt strânși pe culori foarte apropiate (păstrând media lor exactă), apoi împărțiți în grupuri cu algoritmul k-means, în spațiul OKLab, în care CSS Color 4 măsoară diferența dintre două culori ca o simplă distanță. Fiecare culoare din paletă e media unui grup.
Culorile vin în ordinea suprafeței: prima e cea care ocupă cel mai mult din partea opacă a imaginii, iar procentul arată cât. Pornirea algoritmului e fixă, deci aceeași imagine dă aceeași paletă de fiecare dată.
Ce faci cu ea
Clic pe o culoare îi copiază codul HEX. Paleta întreagă se copiază ca listă sau ca variabile CSS (--palette-1 …). Pentru nuanțele unei culori, deschide-o în convertorul de culori; pentru text pe aceste culori, verifică contrastul.
Imaginea rămâne la tine
Imaginea e citită și analizată în browserul tău, pe un canvas; nu e trimisă nicăieri și nu e păstrată după ce închizi pagina.
Întrebări frecvente
De ce paleta nu are exact culoarea pe care o văd?
Fiecare culoare din paletă e media unui grup de pixeli apropiați, deci poate fi puțin diferită de orice pixel anume. Cu mai multe culori, grupurile sunt mai mici, iar mediile mai apropiate de culorile din imagine.
Ce imagini merg?
Cele pe care browserul tău le poate deschide: imaginea e citită chiar de browser, nu de un program al nostru.