Image Color Picker Online

Ek image drop karein, kisi bhi pixel ko preview karne ke liye hover karein, aur uska HEX, RGB, aur HSL grab karne ke liye click karein — sab aapke browser mein. Image kabhi aapke device se bahar nahi jaati.

Image Color Picker aapki image ko ek canvas par decode karta hai aur pixels ko poori tarah aapke browser mein sample karta hai. Jo picture aap drop karte hain aur jo colors aap pick karte hain woh kabhi aapke device se bahar nahi jaate aur ArrayKit ko upload nahi hote.

CSS Color Converter kholein

Image Color Picker ke baare mein

Image Color Picker kisi bhi picture ko ek color sampler mein badal deta hai. Ek photo, logo, screenshot, ya design mockup drop ya chunein, phir crosshair ke neeche ke pixel ko preview karne ke liye apne cursor ko us par move karein, aur us exact color ko lock karne ke liye click karein. Har sample ek live swatch ke bagal mein HEX, RGB, aur HSL ke roop mein dikhaya jaata hai, isliye aap use seedha CSS, ek design token, ya ek paint bucket mein daal sakte hain. Ek recent-colors strip aapke last picks ko ek palette banane ke liye handy rakhti hai, aur har value ka apna copy button hai. Transparent pixels apna alpha rakhte hain, isliye PNG overlays rgba aur #rrggbbaa ke roop mein wapas padhte hain. Yeh designers, front-end developers, aur ek image se ek brand color match karne wale har kisi ke liye bana hai. Picture ek canvas par decode aur aapke device par sample hoti hai — yeh kabhi upload nahi hoti.

Features

Image Color Picker kaise use karein

  1. Drop zone par click karein ya us par ek image file drag karein
  2. Pixel color preview karne ke liye apne cursor ko image par move karein
  3. Us color ko lock karne aur uska HEX, RGB, aur HSL reveal karne ke liye ek spot par click karein
  4. Jo notation chahiye use copy karein, ya Recent colors se ek earlier pick dobara kholein

Example

Input

Sampled pixel: R 37, G 99, B 235 (opaque)

Output

HEX #2563eb
RGB rgb(37, 99, 235)
HSL hsl(221, 83%, 53%)

Ek blue button par ek click pixel ko ready-to-paste CSS color values mein badal deta hai.

Common errors aur troubleshooting

Aksar pooche jaane wale sawaal

Main ek image se ek color kaise pick karoon?
Image drop ya chunein, pixel color preview karne ke liye us par hover karein, phir jo exact spot aap chahte hain us par click karein. Picker turant us pixel ka HEX, RGB, aur HSL ek swatch ke saath dikhata hai, aur har value ka ek copy button hai.
Kya main ek screenshot mein ek color ka HEX code paa sakta hoon?
Haan. Screenshot ko kisi bhi image ki tarah load karein, jo shade aap chahte hain use dhoondhne ke liye hover karein, aur use click karein. HEX code RGB aur HSL values ke bagal aata hai taaki aap use CSS ya ek design tool mein copy kar sakein.
Kya color picker PNG images se transparency rakhta hai?
Haan. Jab ek sampled pixel poori tarah opaque na ho, to alpha carry hota hai: RGB rgba(...) ke roop mein dikhaya jaata hai aur HEX ek aathvaan alpha pair (#rrggbbaa) gain karta hai, jo match karta hai ki pixel asal mein kaise render hota hai.
Main kaunse image formats se colors pick kar sakta hoon?
Jo bhi aapka browser ek canvas par decode kar sake — PNG, JPEG, WebP, SVG, GIF, AVIF, BMP, aur ICO. Exact brand colors ke liye ek lossless PNG prefer karein, kyunki JPEG aur WebP ek flat fill ko ek shade se shift kar sakte hain.
Kya main ek picture se kai colors save kar sakta hoon?
Haan. Har click color ko Recent colors strip mein add karta hai, ek dozen picks tak. Waha kisi bhi swatch par click karke use dobara kholein, phir image se ek palette banane ke liye uska HEX, RGB, ya HSL copy karein.
Kya jab main us se ek color pick karta hoon to meri image upload hoti hai?
Nahi. Image Color Picker aapki picture ko ek canvas par draw karta hai aur pixels ko poori tarah aapke device par padhta hai. Image kabhi ArrayKit ya kisi server ko nahi bheji jaati, isliye private mockups aur photos local rehte hain.

Related tools

Saare ArrayKit tools