Color Picker — culoare dintr-o imagine sau de pe ecran
Dă clic pe orice pixel dintr-o imagine încărcată sau ia o mostră de oriunde de pe ecran cu pipeta. Primești valoarea în HEX, RGB și HSL pe loc, totul în browser.
Click the image to pick a color.
Rulează în browserul tău. Ce introduci nu este încărcat pe PayloadIQ.
Acest color picker îți ia culoarea exactă a unui pixel — dintr-o imagine pe care o încarci sau din orice punct de pe ecran — și ți-o dă în HEX, RGB și HSL, totul rulând în browser. Trage un screenshot, o poză sau un mockup și dă clic pe pixelul dorit, sau folosește pipeta ca să iei o mostră în afara paginii. Fiecare culoare vine cu butoane de copiere pentru toate cele trei formate, iar imaginea nu se încarcă pe niciun server.
Două feluri de a prinde o culoare
Pentru o imagine, instrumentul o desenează pe un canvas și citește pe loc culoarea pixelului de sub cursor cu getImageData — un simplu clic îți fixează valoarea. Pentru restul ecranului, butonul „Pipetă de pe ecran” se bazează pe API-ul EyeDropper nativ din browser, așa că poți lua o mostră din orice pixel afișat, inclusiv din altă aplicație. Pipeta merge pe Chrome și Edge, iar butonul apare doar dacă browserul tău o suportă. În ambele cazuri primești valoarea în HEX, RGB și HSL, fiecare cu buton de copiere, gata de lipit direct în CSS, într-un tool de design sau în cod.
Local, cu o paletă pe deasupra
Decodarea și eșantionarea imaginii se fac integral pe dispozitivul tău — nu se încarcă nimic — așa că o poți folosi liniștit pe un design încă nepublicat sau pe un mockup confidențial. Ca bonus, instrumentul analizează imaginea și scoate culorile ei dominante, util când vrei să extragi o paletă întreagă dintr-o poză sau dintr-un screenshot, nu doar o singură mostră. Dă clic pe orice swatch ca să-l selectezi și să-i preiei valorile — perfect pentru a reconstrui culorile de brand pornind de la o referință.