Funcționarea instrumentului și prelevarea culorilor
Instrumentul permite încărcarea unei imagini de pe dispozitivul personal pentru a analiza și extrage valorile cromatice ale oricărui pixel. La încărcarea unei imagini, aplicația afișează imediat coordonatele și valorile de culoare ale pixelului situat în centrul geometric al acesteia.
Pentru a explora restul imaginii, utilizatorul trebuie doar să mute indicatorul (cursorul) deasupra acesteia. Pe măsură ce indicatorul se deplasează, culorile sunt eșantionate pixel cu pixel în timp real. Pentru o selecție de mare precizie, interfața include o lupă care oferă o vizualizare mărită a zonei din jurul indicatorului.
Salvarea unei culori în istoricul de selecții se face printr-un simplu clic pe imagine. De asemenea, instrumentul oferă suport complet pentru navigarea de la tastatură:
- Tastele săgeată permit deplasarea unui reticul (crosshair) pixel cu pixel peste imagine.
- Apăsarea tastei Shift în timp ce se folosesc tastele săgeată mărește pasul de deplasare la 10 pixeli.
- Apăsarea tastelor Enter sau Space salvează culoarea curentă în istoric.
Istoricul de culori salvate poate păstra până la 12 elemente. Dacă se dorește reîncărcarea unei culori salvate anterior, este suficient un clic pe mostra corespunzătoare din istoric. Pentru a reseta complet spațiul de lucru, butonul "O iau de la capăt" șterge imaginea încărcată, golește istoricul de culori și readuce aplicația în starea inițială.
Formate de culoare și exportul datelor
Fiecare pixel selectat este analizat și tradus simultan în trei modele de culoare esențiale pentru designul digital și dezvoltarea web:
- HEX: Codul hexazecimal utilizat pe scară largă în HTML și CSS (de exemplu, #FFFFFF).
- RGB: Valorile pentru canalele de Roșu (Red), Verde (Green) și Albastru (Blue), exprimate pe o scară de la 0 la 255.
- HSL: Parametrii pentru Nuanță (Hue, exprimată în grade de la 0° la 360°), Saturație (Saturation, în procente) și Luminozitate (Lightness, în procente).
Orice valoare afișată (HEX, RGB sau HSL) poate fi copiată direct în clipboard printr-un simplu clic pe valoarea respectivă. În cazul în care sistemul de securitate al navigatorului web împiedică această acțiune, va fi afișat mesajul de eroare: "Nu s-a putut copia — browserul dumneavoastră a blocat accesul la clipboard."
Formate de fișiere acceptate și limite tehnice
Aplicația acceptă încărcarea unui singur fișier de imagine o dată, fiind compatibilă cu următoarele formate și tipuri MIME asociate:
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
Dacă se încearcă încărcarea unui fișier cu un format neacceptat, sistemul va afișa avertismentul: "Acest tip de fișier nu este acceptat. Încercați o imagine PNG, JPG, WebP, GIF, AVIF sau HEIC." În cazul în care fișierul este deteriorat sau nu poate fi decodificat, va apărea mesajul: "Imaginea nu a putut fi deschisă. S-ar putea să fie coruptă sau într-un format neacceptat."
Pentru a asigura performanța procesării în browser, imaginile care depășesc lungimea de 4096 de pixeli pe cea mai mare latură sunt scalate automat în jos.
Influența compresiei și a transparenței asupra pixelilor
Atunci când se analizează culorile dintr-o imagine digitală, valorile obținute reprezintă exact datele binare stocate în fișier. Totuși, aspectul vizual poate diferi uneori de valoarea numerică extrasă din cauza unor factori tehnici specifici formatelor de imagine:
- Compresia de imagine: Formatele de tip JPEG utilizează algoritmi de compresie cu pierderi. Aceștia grupează pixeli similari și pot altera subtil nuanțele originale, generând artefacte de compresie care nu sunt vizibile la o privire de ansamblu, dar devin evidente la nivel de pixel.
- Anti-aliasing (netezirea marginilor): Această tehnică amestecă culorile de la marginile obiectelor cu cele ale fundalului pentru a evita aspectul zimțat. Din acest motiv, un pixel prelevat de pe marginea unui text sau a unei forme geometrice va avea o culoare intermediară, diferită de culoarea pură a obiectului.
- Canalul Alfa (Transparența): Dacă un pixel este parțial transparent, instrumentul citește valoarea sa intrinsecă, fără a lua în calcul culoarea fundalului peste care este suprapus în mod normal. În acest caz, aplicația va afișa indicatorul: "Alfa
{n}% — acest pixel este parțial transparent." (unde{n}reprezintă procentul de opacitate). De asemenea, în istoric, culorile care au aceleași valori RGB dar valori diferite ale canalului alfa sunt salvate ca intrări distincte.
Confidențialitate și procesare locală
Securitatea datelor este asigurată prin arhitectura de funcționare a instrumentului. Imaginea selectată este citită direct de pe dispozitivul dumneavoastră și nu părăsește niciodată browserul. Procesarea, decodificarea și eșantionarea pixelilor au loc exclusiv la nivel local, pe computerul sau telefonul utilizatorului. Nimic nu este încărcat pe BroBroGo.
Întrebări frecvente
Cum selectez o culoare din imagine? Mutați indicatorul peste imagine, iar panoul va afișa culoarea de sub acesta, cu o lupă care mărește zona pentru a putea selecta pixelul exact. Faceți clic pentru a salva culoarea în listă. De asemenea, puteți selecta imaginea și muta cursorul cu tastele săgeată, apoi apăsați Enter.
Ce formate de culoare primesc? Fiecare pixel prelevat este afișat simultan în formatele HEX, RGB și HSL. Faceți clic pe orice valoare pentru a o copia, gata de a fi inserată în CSS sau într-un instrument de design.
De ce culoarea selectată nu corespunde întotdeauna cu ceea ce mă așteptam? Obțineți valoarea exactă a pixelului stocată în imagine. Dacă este vorba de un JPEG sau de o captură de ecran, compresia și anti-aliasing-ul ar fi putut deja să modifice ușor pixelii învecinați, iar un pixel semitransparent este citit ca atare, fără a lua în calcul ceea ce se află în spatele lui.
Care este dimensiunea maximă a imaginilor pe care le pot încărca? Instrumentul poate deschide imagini de mari dimensiuni, însă fișierele care au latura cea mai lungă mai mare de 4096 de pixeli vor fi reduse automat (scalate în jos) pentru a menține stabilitatea procesării în browser.