Image Color Picker

एक image upload करें और कहीं भी click करके उस pixel का hex, RGB, और HSL प्राप्त करें। कई points पर click करके एक custom palette बनाएँ। शुद्ध browser, कोई upload नहीं।

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

यह किसके लिए है?

यह tool किसी भी uploaded image को एक clickable color source में बदल देता है। कहीं भी hover करके cursor के नीचे का exact pixel hex, RGB, और HSL के रूप में पढ़ें — एक magnifier loupe के साथ जो 8× zoom करती है ताकि आप बिना squint किए सटीक pixels pick कर सकें। एक color को custom palette में lock करने के लिए click करें: image पर कई points click करके palette बनाएँ। एक swatch को remove करने के लिए palette में click करें। Image कभी आपके browser से बाहर नहीं जाती।

कब इस्तेमाल करें

Design में उपयोग के लिए photograph से एक specific shade निकालना।
एक UI accent color को brand asset से match करना जिसका hex आपके पास नहीं है।
एक logo image से individual brand colors को एक-एक click करके निकालना।
एक film still या artwork से moodboard palette बनाना।
Sanity-check करना कि image के दो regions वास्तव में same color के हैं (vs similar दिखते हैं पर underlying pixels में भिन्न)।

Precision कैसे काम करता है

Single-pixel sampling exact है पर noisy — anti-aliased edges, JPEG artefacts, और screen subpixel rendering सभी पड़ोसी pixels को थोड़ा भिन्न बनाते हैं। 8× loupe आपको specific pixel देखने और click करने देता है जिसका आप मतलब रखते हैं, average पर भरोसा करने के बजाय। Brand-color extraction के लिए यह मायने रखता है; moodboard work के लिए आप इसे ignore कर सकते हैं।

आम गलतियाँ

Text पर anti-aliasing। Letters की soft edges होती हैं जो underlying "ink" color को represent नहीं करतीं। एक thick stroke के middle में click करें, edge पर नहीं।
JPEG compression artefacts। भारी compressed photos जो flat region जैसी दिखती हैं उनमें color drift होता है। यदि आपको एक clean color चाहिए, तो PNG sources prefer करें।
Image display के लिए scaled है। बहुत बड़ी images performance के लिए ~700px wide तक downscaled होती हैं। आप जो pixel click करते हैं वह displayed canvas से है, original से नहीं। एक tiny element के pixel-perfect extraction के लिए uploading से पहले उस element पर crop करें।
HSL derived है, stored नहीं। Browser RGB store करता है; HSL same color को describe करने का एक अलग तरीका है। Round-trips rounding के कारण छोटे drifts introduce कर सकते हैं।