प्रमुख रंग CSS वेरिएबल के रूप में

एक इमेज इम्पोर्ट करें और उसके प्रमुख रंगों वाला CSS वेरिएबल का ब्लॉक (:root {}) सीधे बनाएँ, जो आपकी स्टाइलशीट में चिपकाने के लिए तैयार है।

उदाहरण:
इमेज यहाँ खींचकर छोड़ें, या ब्राउज़ करने के लिए क्लिक करें (अधिकतम 25 MB)।

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

टूल हिस्टोग्राम के ज़रिए इमेज में रंगों का वितरण जाँचता है और सबसे ज़्यादा आने वाले शेड्स चुनता है, जो सबसे प्रमुख से सबसे कम आने वाले के क्रम में रहते हैं। हर रंग फिर एक क्रमांकित CSS वेरिएबल (--color-1, --color-2, आदि) के रूप में एक सीधे कॉपी करने योग्य :root ब्लॉक में फ़ॉर्मैट किया जाता है।

क्या मैं बने हुए वेरिएबल के नाम बदल सकता हूँ?

हाँ, सामान्य नाम --color-N एक तटस्थ शुरुआती बिंदु है: अपनी स्टाइलशीट में चिपकाने के बाद, कोड को ज़्यादा पठनीय बनाने के लिए हर वेरिएबल का नाम उसके असली उपयोग के अनुसार बदल दें (उदाहरण के लिए --color-primary, --color-accent)।

मुझे कितने रंग निकालने चाहिए?

एक सरल ग्राफ़िक चार्टर के लिए आमतौर पर 3 से 5 रंग काफ़ी होते हैं (एक प्रमुख रंग, एक एक्सेंट, और एक या दो तटस्थ शेड्स)। अगर आप ज़्यादा सजावटी उपयोग के लिए किसी फ़ोटो की पूरी समृद्धि कैप्चर करना चाहते हैं, तो ज़्यादा संख्या उपयोगी है।

100% लोकल प्रोसेसिंग: पैलेट निकालना पूरी तरह आपके ब्राउज़र में होता है — आपकी इमेज कभी किसी सर्वर पर नहीं भेजी जाती।