IMG.DIY / Extra / Selector de culori din imagine

Selector de culori din imagine

Treci cu mouse-ul pentru previzualizare, dă click pentru a prelua o culoare din orice imagine — copiaz-o ca HEX, RGB sau HSL.

Selector de culori din imagine visual example
Confidențialitatea pe primul loc: nimic nu se încarcă pe server.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Selector de culori din imagine: 1 · Choose input
1 · Choose input
Selector de culori din imagine: 2 · Adjust and process
2 · Adjust and process
Selector de culori din imagine: 3 · Download result
3 · Download result

Ai nevoie de culoarea exactă dintr-un logo, o captură de ecran, o fotografie sau o referință de design? Încarcă imaginea, mișcă-ți cursorul deasupra ei ca să previzualizezi culoarea sub o lupă și dă click pentru a o salva. Fiecare culoare salvată își arată valorile HEX, RGB și HSL, cu butoane de copiere dintr-un click.

Citește pixelii direct din imagine în browserul tău, deci preluarea e instantanee și fișierul nu se încarcă niciodată — util pentru culori de brand pe care preferi să nu le trimiți unui site oarecare.

Cum se folosește

  1. Adaugă o imagineTrage poza sau captura de ecran din care vrei culori.
  2. Treci cu mouse-ul și dă clickLupa mărește pixelul exact; dă click ca să salvezi culoarea.
  3. Copiază valoareaIa HEX, RGB sau HSL pentru fiecare culoare salvată.

Uneori ai nevoie de o singură culoare dintr-o imagine și nimic altceva nu merge — albastrul exact dintr-un logo, griul din spatele unui buton dintr-o captură, o nuanță dintr-o fotografie pe care vrei s-o refolosești. Ochiul nu poate citi un cod hex de pe ecran, iar culoarea care pare corectă e de obicei greșită cu câteva cifre. Acest selector te lasă să încarci o imagine, să te miști deasupra ei cu o lupă care mărește pixelii de sub cursor și să dai click ca să salvezi exact pixelul dorit ca mostră — HEX, RGB și HSL afișate împreună, fiecare cu buton de copiere.

Citește pixelii local, în browserul tău, de pe un canvas: nimic nu se încarcă, nu există cont, iar după prima încărcare funcționează offline. Asta contează când imaginea e o machetă nelansată, un asset de brand al unui client sau o captură internă. E un eșantionator punctual — fiecare click citește un pixel, exact ce trebuie pentru un logo curat sau un UI plat, și cere puțin mai multă grijă pe o fotografie cu zgomot. Dacă preferi să-ți extragă automat culorile dominante ale unei imagini întregi, pentru asta există instrumentul separat de palete; acesta e pentru a arăta spre un pixel anume și a-i lua valoarea.

La ce îl folosesc oamenii

Recuperează culoarea exactă a unui brand dintr-un logo vechi, când specificația s-a pierdut

Potrivește un buton sau un titlu cu culoarea dintr-o captură a unui site care îți place

Extrage culorile primară, de accent și de text dintr-un logo, dintr-o singură trecere

Ia o nuanță dintr-o fotografie de folosit ca fundal sau accent

Citește culoarea reală de pe ecran a unui element semitransparent dintr-o captură

Copiază o culoare ca HSL ca s-o poți deschide sau estompa pentru un hover sau o variantă

De ce IMG.DIY

Lupă de mărire

Mărește ca să dai click pe pixelul exact.

HEX / RGB / HSL

Fiecare culoare salvată, în trei formate.

Copiere dintr-un click

Copiază orice valoare direct în clipboard.

Privat

Pixelii se citesc local — fără încărcare.

Întrebări frecvente

Pot prelua mai multe culori?
Da. Fiecare click adaugă o mostră în listă, așa că poți extrage un set întreg dintr-o singură imagine și le copiezi una câte una.
La ce folosește lupa?
Mărește zona de sub cursor ca să nimerești pixelul precis, ceea ce contează la linii subțiri sau fotografii cu zgomot.
Oferă și HSL?
Da — fiecare mostră arată HEX, RGB și HSL, fiecare cu propriul buton de copiere.
Imaginea se încarcă undeva?
Nu. Culorile se citesc din imagine pe dispozitivul tău; nimic nu se trimite la un server.
Pot alege mai multe culori din aceeași imagine?
Da. Fiecare click salvează încă o mostră, deci poți lucra pe toată imaginea și construi o listă — primara unui logo, accentul, culoarea textului — apoi le compari și le copiezi una după alta fără să reîncarci imaginea.
La ce folosește lupa?
Mărește pixelii de sub cursor ca să nimerești exact pe cel dorit. Pe o margine dură, pixelul de alături e adesea un amestec anti-aliasat de două culori, iar vizualizarea mărită îți arată că ești pe culoarea solidă, nu pe granița neclară, înainte să dai click.
Când aș folosi valoarea HSL în loc de HEX?
HSL descompune o culoare în nuanță, saturație și luminozitate, ceea ce îl face formatul de folosit când vrei să ajustezi, nu să copiezi — să luminezi o culoare pentru un hover, să-i scazi saturația pentru o variantă estompată, sau să ții nuanța și să construiești o scală. Pentru simpla refolosire în CSS, HEX e mai simplu.
Imaginea mea se încarcă undeva?
Nu. Imaginea e citită pe un canvas în browserul tău și nu e trimisă niciodată la un server. Nu există înregistrare, iar odată ce pagina s-a încărcat poți prelua culori cu rețeaua oprită, deci o captură sau o machetă privată rămâne pe dispozitivul tău.

Instrumente asemănătoare

Ghiduri și sfaturi