कलर एक्सट्रैक्टर

अवलोकन

कलर एक्सट्रैक्टर एक छवि का विश्लेषण करता है और उसके प्रमुख रंगों को उपयोग योग्य पैलेट के रूप में लौटाता है — hex कोड जिन्हें आप सीधे डिज़ाइन में डाल सकते हैं। चाहे आप किसी फ़ोटोग्राफ़ से ब्रांड मिला रहे हों, मूड बोर्ड बना रहे हों, या किसी hero छवि के इर्द-गिर्द वेबसाइट थीम कर रहे हों — मैन्युअली रंग चुनना धीमा और अशुद्ध है। यह उपकरण पूरी छवि को सैंपल करता है और उसके पिक्सेल को उन कुछ रंगों में क्लस्टर करता है जो वास्तव में उसका रूप तय करते हैं, सब आपके ब्राउज़र में।

कैसे उपयोग करें (चरण-दर-चरण)

1. 1

   एक छवि छोड़ें

   फ़ोटो, लोगो, स्क्रीनशॉट या इलस्ट्रेशन सब चलते हैं। उच्च-रिज़ॉल्यूशन छवियाँ अधिक प्रतिनिधि पैलेट देती हैं।

2. 2

   निकाली गई पैलेट की समीक्षा करें

   प्रमुख और एक्सेंट रंग hex व RGB मानों के साथ दिखते हैं।

3. 3

   आवश्यक कोड कॉपी करें

   किसी स्वैच पर क्लिक कर उसका hex कॉपी करें। मानों को अपने CSS, डिज़ाइन टूल या ब्रांड गाइड में डालें।

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

छवि को canvas पर बनाया जाता है और उसके पिक्सेल RGB मानों के रूप में पढ़े जाते हैं। एक क्लस्टरिंग एल्गोरिथ्म (median-cut या k-means शैली) लाखों पिक्सेल को कुछ प्रतिनिधि रंगों में समूहित करता है, आवृत्ति के अनुसार भारित। परिणाम प्रमुख पैलेट और एक्सेंट रंग है, प्रत्येक hex व RGB कोड के साथ कॉपी के लिए तैयार। चूँकि यह कच्चे पिक्सेल पर स्थानीय रूप से चलता है, स्रोत छवि कभी अपलोड नहीं होती।

कब उपयोगी है

चुनी फ़ोटो के साथ सामंजस्य में वेबसाइट या स्लाइड थीम बनाना। लोगो से ब्रांड रंग निकालना। इलस्ट्रेशन या UI मॉकअप के लिए समन्वित पैलेट बनाना। प्रेरणादायक फ़ोटो से मूड बोर्ड बनाना। उत्पाद शॉट से सुलभ टेक्स्ट/बैकग्राउंड संयोजन चुनना। hero छवि के टोन से CSS ग्रेडिएंट मिलाना।

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