मुख्य सामग्री पर जाएँ

इमेज कलर पिकर और पैलेट

ब्राउज़र में एक छवि से रंग चुनें, HEX/RGB/CSS कॉपी करें, 2-32 रंगों का प्रतिनिधि पैलेट निकालें और HEIC/HEIF समर्थन के साथ CSS चर या JSON निर्यात करें।

इमेज यहां ड्रैग एंड ड्रॉप करें या क्लिक करके सेलेक्ट करें

PNG / JPEG / WebP / AVIF / HEIC / HEIF सपोर्टेड

फ़ाइलों की संख्या

0 / 1

कुल आकार

0 bytes / 25 MB

प्रति फ़ाइल सीमा

25 MB

इमेज कलर पिकर और पैलेट

क्विक स्टार्ट

1
एक इमेज इम्पोर्ट करें
2
प्रीव्यू पर क्लिक करें और HEX/RGB/CSS कॉपी करें
3
पैलेट आकार चुनें (4/6/8/12/16/24/32)
4
प्रतिनिधि रंग निकालें
5
CSS वेरिएबल या JSON एक्सपोर्ट करें

सामान्य उपयोग के मामले

डिज़ाइन/पोस्टर कलर पिकिंग

कलर स्कीम के लिए प्राइमरी और एक्सेंट कलर एक्सट्रैक्ट करें

थीम/डिज़ाइन सिस्टम

प्रोजेक्ट के लिए CSS वेरिएबल या JSON एक्सपोर्ट करें

कंपोनेंट स्टाइलिंग

बटन, टैग, चार्ट के लिए मैचिंग कलर एक्सट्रैक्ट करें

ब्रांड कंसिस्टेंसी

ब्रांड एसेट्स से स्टैंडर्ड कलर पैलेट एक्सट्रैक्ट करें

कलर पिकर और पैलेट विकल्प

रंग गणना: 2-32, सामान्यतः 8/12; फ़ोटो/ग्रेडिएंट 16-32 सुझाते हैं
प्रीसेट बटन: 4/6/8/12/16/24/32 वन-क्लिक स्विच
छँटाई: उच्च से निम्न तक मात्राबद्ध नमूना गणना के अनुसार, सबसे पहले सबसे आम रंग
रंग के आगे की संख्या: डाउनसैंपल पैलेट छवि से मात्राबद्ध नमूना गणना दिखाता है
निर्यात अनुबंध: CSS चर उपयोग करते हैं:root --color-1 नाम; JSON प्रत्येक पैलेट रंग के लिए इंडेक्स/हेक्स/सीएसएस/आरजीबी/गिनती सूचीबद्ध करता है।

उपयोग टिप्स

समग्र प्रभाव देखने के लिए 8/12 से शुरू करें, फिर आवश्यकतानुसार 16/24/32 तक बढ़ाएं
प्रोजेक्ट में उपयोग करते समय --color-1 को सिमेंटिक नामों में बदलें (जैसे, --color-primary)
बड़ी इमेज एक्सट्रैक्ट करते समय पेज फोरग्राउंड में रखें ताकि ब्राउज़र थ्रॉटलिंग से बचें

सीमाएं और संगतता

प्रदर्शन के लिए पैलेट निष्कर्षण ऑटो-डाउनसैंपल, परिणाम प्रतिनिधि रंग हैं।
परिशुद्धता: क्लिक नमूनाकरण सबसे लंबे पक्ष पर 2,048 पिक्सेल तक प्रदर्शित कैनवास का उपयोग करता है; पैलेट निष्कर्षण 256 px नमूने का उपयोग करता है।
HEIC/HEIF केवल इनपुट है; स्थानीय डिकोडिंग विफल हो सकती है, इसलिए यदि आवश्यक हो तो PNG/JPEG में कनवर्ट करें।
अल्फा हैंडलिंग: CSS rgba(...) आउटपुट कर सकता है;HEX/RGB में अल्फा शामिल नहीं है; JSON सीएसएस मान के माध्यम से अल्फा रखता है।
इनपुट सीमा: कोई URL आयात, पेस्ट आयात, स्क्रीन आईड्रॉपर, या ब्राउज़र एक्सटेंशन वर्कफ़्लो नहीं।
रंग सीमा: कोई HSL/CMYK/पैनटोन/LAB/OKLCH रूपांतरण, कंट्रास्ट चेकर, या WCAG मैट्रिक्स नहीं।
निर्यात सीमा: Tailwind/SCSS/ASE/Figma/Procreate स्वैच निर्यात नहीं।

गोपनीयता और सुरक्षा

इमेज रंग चुनना और पैलेट निकालना आपके ब्राउज़र में होता है। स्रोत इमेज इस टूल के खुले रहने तक पेज मेमोरी में रहती है। पैलेट आकार सेटिंग ब्राउज़र स्टोरेज में रह सकती है; WebDAV सिंक चालू होने पर यह सेटिंग आपकी सेटिंग्स के अनुसार सिंक हो सकती है। चुना गया रंग, पैलेट, त्रुटि संदेश और प्रीव्यू ज़ूम / पैन डेटा रनटाइम समीक्षा स्थिति हैं और मौजूद रहने तक WebDAV state schema से भी सिंक हो सकते हैं। इमेज फ़ाइल डिफ़ॉल्ट रूप से सिंक नहीं होती; वह केवल तब WebDAV अटैचमेंट सिंक में जाती है जब आप अटैचमेंट सिंक स्पष्ट रूप से चालू करते हैं। CSS/JSON पैलेट एक्सपोर्ट डाउनलोड के समय बनाए जाते हैं और अलग परिणाम के रूप में संग्रहीत नहीं होते। साझा डिवाइस पर ज़रूरत होने पर इमेज, चुने गए रंग, पैलेट, सहेजी गई सेटिंग्स और साइट डेटा साफ़ करें।

अक्सर पूछे जाने वाले प्रश्न

5

अगला चरण पूरा करने के लिए इन संबंधित टूल का उपयोग करें।

हमारे बारे में

हमारे बारे में
मूल्य

सभी टूल की प्रोसेसिंग आपके ब्राउज़र में लोकल रूप से होती है।