इमेज कलर पिकर और पैलेट
इमेज कलर पिकर और पैलेट
इमेज से रंग चुनने के लिए क्लिक करें, डॉमिनेंट कलर और पैलेट ऑटो-एक्सट्रैक्ट करें, HEX/RGB कॉपी और CSS वेरिएबल एक्सपोर्ट करें। PNG, JPG/JPEG, WebP, AVIF, HEIC/HEIF सपोर्टेड।
इमेज यहां ड्रैग एंड ड्रॉप करें या क्लिक करके सेलेक्ट करें
PNG / JPG / JPEG / WebP / AVIF / HEIC / HEIF सपोर्टेड
क्विक स्टार्ट
सामान्य उपयोग के मामले
डिज़ाइन/पोस्टर कलर पिकिंग
कलर स्कीम के लिए प्राइमरी और एक्सेंट कलर एक्सट्रैक्ट करें
थीम/डिज़ाइन सिस्टम
प्रोजेक्ट के लिए CSS वेरिएबल या JSON एक्सपोर्ट करें
कंपोनेंट स्टाइलिंग
बटन, टैग, चार्ट के लिए मैचिंग कलर एक्सट्रैक्ट करें
ब्रांड कंसिस्टेंसी
ब्रांड एसेट्स से स्टैंडर्ड कलर पैलेट एक्सट्रैक्ट करें
कलर पिकर और पैलेट विकल्प
उपयोग टिप्स
सीमाएं और संगतता
गोपनीयता और सुरक्षा
अक्सर पूछे जाने वाले प्रश्न
एक्सपोर्टेड :root { --color-1: ... } को ग्लोबल CSS में डालें, फिर var(--color-1) से रेफर करें।
स्क्रिप्ट/डिज़ाइन सिस्टम रीयूज के लिए, जैसे, Design Tokens या थीम कॉन्फिग जेनरेट करना। हर कलर में hex/css/rgb और count शामिल।
जनरल UI: 8 या 12; मिनिमल आइकन: 4–6; फोटो/ग्रेडिएंट्स: 16–32। जल्दी तुलना के लिए प्रीसेट इस्तेमाल करें।
क्लिक पिकिंग सिंगल पिक्सल पाता है; पैलेट पूरी इमेज को क्वांटाइज करता है जो ओवरऑल ट्रेंड पर जोर देता है।
पहले 'पैलेट एक्सट्रैक्ट करें' बटन क्लिक करना होगा, एक्सट्रैक्शन पूरा होने के बाद एक्सपोर्ट उपलब्ध होगा।
डिफ़ॉल्ट ओरिजिनल फाइलनेम (बिना एक्सटेंशन) + .palette-काउंट + .css/.json इस्तेमाल करता है, गैर-कानूनी कैरेक्टर ऑटो-क्लीन होते हैं।