इमेज कलर एक्सट्रैक्टर

किसी भी छवि से प्रमुख रंग और पैलेट निकालें।

किसी भी छवि को उपयोग योग्य पैलेट में बदलना

अवलोकन

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

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

  1. 1

    एक छवि छोड़ें

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

  2. 2

    पैलेट की समीक्षा करें

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

  3. 3

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

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

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

छवि को canvas पर बनाया जाता है और कच्चे RGB पिक्सेल डेटा के रूप में पढ़ा जाता है। एक क्लस्टरिंग एल्गोरिथ्म लाखों पिक्सेल को कुछ प्रतिनिधि रंगों में समूहित करता है, प्रत्येक की आवृत्ति के अनुसार भारित, जिससे प्रमुख पैलेट और एक्सेंट रंग बनते हैं। प्रत्येक स्वैच HEX, RGB और HSL मानों के साथ दिखता है। सारी प्रोसेसिंग स्थानीय रूप से होती है।

कब उपयोगी है

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

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

ये एक ही रंग लिखने के तीन तरीके हैं। HEX (#3b82f6) संक्षिप्त और CSS में आम है। RGB लाल/हरा/नीला चैनल सूचीबद्ध करता है। HSL (ह्यू, संतृप्ति, चमक) हाथ से टिंट और शेड बनाने के लिए सबसे आसान है।

छवि रंग एक्सट्रैक्टर | Super Easy Utils