Color Palette Extractor
किसी भी image से dominant colors को अपने browser में निकालें। 5–8 swatches, hex codes, copy-paste CSS variables। Files कभी आपके device से बाहर नहीं जातीं।
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
यह किसके लिए है?
यह tool एक image पढ़ता है, कुछ हज़ार pixels को sample करता है, और हाथ से बने median-cut quantization algorithm का उपयोग करके उन्हें 3–10 dominant color buckets में group करता है। परिणाम कुछ representative hex रंगों का एक छोटा set है जिसका उपयोग आप एक design system के seed, moodboard के आधार, या किसी और के logo से brand colors निकालने के त्वरित तरीके के रूप में कर सकते हैं। सब कुछ आपके browser में चलता है; image कभी upload नहीं होती।
कब इस्तेमाल करें
- एक brand logo से dominant रंग निकालकर matching theme बनाएँ।
- एक hero image से Tailwind config या CSS custom-properties block seed करें।
- एक photograph या artwork से moodboard palette बनाएँ।
- Sanity-check करें कि design hero image और page का accent color सहमत हैं।
Median-cut कैसे काम करता है
- Image को down-sample करें ताकि pixel count manageable रहे।
- Pixel cloud का सबसे लंबा axis (R, G, या B range) ढूँढें।
- उस axis पर sort करें, median पर split करें।
- हर half में recurse करें जब तक आपको पूछा हुआ bucket number न मिल जाए।
- हर bucket का average color return करें।
आम गलतियाँ
- Transparent regions skip हो जाते हैं। Alpha < 50% वाले pixels palette में योगदान नहीं देते — transparent backgrounds पर logos के लिए useful।
- एक dominant color वाली photos (e.g. बहुत blue sky वाला beach shot) आपको varied palette के बजाय उस color के कई shades देंगी। यदि आप range चाहते हैं तो अधिक रंगीन region पर crop करें।
- Median-cut तेज़ है पर perceptually perfect नहीं। यदि आपको color-theory quality output (complementary, analogous) चाहिए, तो आपको अभी भी एक designer की ज़रूरत होगी — algorithm सबसे common चुनता है, सबसे aesthetically pleasing नहीं।
- Slider buckets गिनता है, "important" रंग नहीं। 2-रंग logo से 10 माँगने पर भी आपको 10 मिलेंगे — वे बस near-duplicates होंगे।