Pipetă de culori din imagine

Aveți nevoie să aflați ce culoare are un logo, o fotografie sau o captură de ecran? Încărcați imaginea, treceți cursorul peste punctul care vă interesează și dați clic. Codul culorii se copiază automat în clipboard, în formatul ales: HEX, RGB, HSL, HSV sau LCH. Nu instalați nimic, iar imaginea nu părăsește calculatorul dumneavoastră.

Cum aflați culoarea dintr-o imagine

1. Încărcați imaginea. Trageți-o în fereastră sau dați clic pe „Răsfoiește fișiere”. Pipeta acceptă JPG, PNG, WebP și GIF.
2. Alegeți formatul. Deasupra imaginii selectați formatul în care vreți să copiați culoarea. Pentru web se potrivește de obicei HEX, pentru programele grafice RGB. Instrumentul reține alegerea.
3. Treceți cursorul peste culoare. Lângă cursor apare o lupă cu pixelii din jur măriți, iar sub ea codul culorii.
4. Dați clic. Codul ajunge în clipboard, iar culoarea se salvează în secțiunea Culori alese. O lipiți acolo unde aveți nevoie.

Vreți să încercați altă imagine? Trageți-o direct peste cea curentă sau ștergeți-o cu iconița coșului.

Ce poate face pipeta online

Lupa care arată fiecare pixel

O pipetă obișnuită arată doar culoarea de sub cursor, iar nimerirea marginii subțiri a unei litere devine loterie. Lupa noastră mărește zona din jurul cursorului la 11 × 11 pixeli și încadrează pixelul din mijloc. Vedeți exact pe ce dați clic, înainte să faceți asta.

Zoom până la pixel

Cu butoanele plus și minus sau cu rotița mouse-ului și tasta Ctrl apăsată, măriți imaginea de până la 64 de ori. Cu grila (Grilă) activată vedeți marginile pixelilor, așa că la iconițe, pixel art sau text mic dați clic exact unde vreți.

Culoare din original, nu dintr-o miniatură

Multe instrumente online micșorează imaginea și citesc culoarea din previzualizare, unde pixelii vecini se amestecă. Pipeta noastră lucrează cu imaginea la rezoluție completă (până la 4096 px pe latura mai lungă), așa că obțineți culoarea reală a pixelului.

Copiere dintr-un singur clic

Fără selectarea textului sau retranscrierea cifrelor. Fiecare clic pe imagine copiază codul în formatul ales. Când aveți nevoie de aceeași culoare într-un alt format, detaliul culorii oferă toate cele cinci formate, fiecare cu propriul buton de copiere.

Paleta culorilor dominante

Imediat după încărcare, instrumentul găsește până la opt culori care domină imaginea și le arată în secțiunea Culori dominante. Nuanțele aproape identice sunt unite, așa că nu găsiți cinci variante de gri în paletă. Zonele transparente ale unui PNG sunt ignorate. Paleta este un bun punct de plecare pentru schema de culori a unui site, a unei prezentări sau a postărilor de pe rețelele sociale. Dacă vreți să verificați dacă păstrează suficient contrast și fără nuanță, încercați conversia imaginii în tonuri de gri.

Culorile alese, mereu la vedere

Fiecare culoare pe care dați clic se salvează în secțiunea Culori alese (ultimele 24). Puteți compara mai multe puncte din imagine și reveni la ele oricând. Pe un ecran mare, panoul cu culori stă chiar lângă imagine.

Pentru ce folosiți codul culorii dintr-o imagine

• Site-uri și aplicații: Clientul a trimis logo-ul doar ca JPG și aveți nevoie de culoarea exactă a brandului pentru CSS. Dacă vreți și o variantă cu fundal transparent, folosiți eliminarea fundalului dintr-o imagine.
• Grafică și rețele sociale: Vreți ca textul dintr-o postare să se potrivească cu fotografia. Luați culoarea direct din ea.
• Prezentări și documente: Setați culorile logo-ului companiei în PowerPoint, Google Slides sau Canva folosind HEX sau RGB.
• Verificarea design-ului: Pe o captură de ecran verificați dacă un buton din aplicație are chiar culoarea prevăzută de design. Apoi verificați dimensiunea materialelor exportate cu analiza dimensiunilor imaginilor.
• Interior și modă: Aveți o fotografie a unei țesături sau a unui perete și căutați o nuanță asemănătoare. Codul este un bun punct de plecare la alegerea din mostrar.

Formatele de culoare pe care le obțineți

• HEX (#1373b6): notația folosită în HTML, CSS și majoritatea instrumentelor grafice. Vedeți documentația MDN pentru variantele scurtă și cu alfa (în engleză).
• RGB (rgb(19, 115, 182)): proporția de roșu, verde și albastru, fiecare de la 0 la 255. Cum funcționează amestecul aditiv al culorilor descrie Wikipedia.
• HSL (hsl(205, 81%, 39%)): nuanță, saturație și luminozitate. Din el obțineți ușor o variantă mai deschisă sau mai închisă.
• HSV: nuanță, saturație și valoare, așa cum le știți din selecția culorilor în Photoshop sau GIMP. Diferența dintre HSL și HSV o explică pe larg Wikipedia (în engleză).
• LCH: model care corespunde modului în care ochiul uman percepe culorile. Se copiază în sintaxa pe care o înțelege CSS-ul modern (vedeți documentația MDN, în engleză).

Pipeta identifică o culoare din imagine. Dacă vreți să o ajustați, să o convertiți în alte formate sau să găsiți nuanțe care se potrivesc cu ea, continuați spre selectorul de culori.

Întrebări frecvente

Se încarcă imaginea mea pe un server?

Nu. Imaginea este citită și procesată direct în browserul dumneavoastră, nu este trimisă nicăieri, iar după închiderea paginii nu rămâne nimic din ea. Puteți folosi pipeta liniștiți și pentru materiale interne sau proiecte nepublicate.

Cum aflu codul HEX al unei culori dintr-o fotografie?

Încărcați fotografia, lăsați formatul HEX selectat deasupra imaginii și dați clic pe punctul cu culoarea căutată. Codul, de exemplu #75dab2, ajunge imediat în clipboard.

De ce culoarea din fotografie diferă de realitate?

Aparatul foto modifică culorile prin iluminare, balansul de alb (în engleză) și compresie. Pipeta returnează exact culoarea salvată în fișier. La fotografii, dați clic pe mai multe puncte și comparați-le în secțiunea Culori alese. Dacă amestecați vopsea pe baza codului, tratați-l ca pe o orientare.

Funcționează pipeta pe mobil?

Da. Pe un ecran tactil atingeți un punct din imagine și codul se copiază la fel ca pe calculator. Lupa de lângă cursor nu apare pe mobil, așa că la detalii mici măriți mai întâi imaginea cu zoom.

Care este diferența dintre HEX și RGB?

Ambele notații descriu aceeași culoare. RGB o exprimă prin trei numere de la 0 la 255, HEX scrie aceleași numere în sistem hexazecimal după semnul #. De exemplu, rgb(255, 87, 51) este identic cu #ff5733.

Cum obțin o paletă întreagă de culori dintr-o imagine?

Deschideți secțiunea Culori dominante. Găsiți acolo până la opt culori principale ale imaginii, iar clicul pe oricare dintre ele copiază codul.