निःशुल्क इमेज रङ प्यालेट एक्सट्र्याक्टर
k-means रङ क्वान्टाइजेसन प्रयोग गरी जुनसुकै छविबाट प्रभुत्व रङहरू निकाल्नुहोस्। तपाईंको फोटो वा लोगोमा शीर्ष २-१६ रङहरूका hex कोडहरू पाउनुहोस्।
फाइल यहाँ छोड्नुहोस्, वा ब्राउज गर्न क्लिक गर्नुहोस्
JPG, PNG, WebP, GIF, HEIC, HEIF · तपाईंको उपकरणमा प्रशोधन गरियो
वा क्लिपबोर्डबाट टाँस्न Ctrl+V थिच्नुहोस्
सुझाव: Ctrl+V थिचेर स्क्रिनसट टाँस्न सक्नुहुन्छ
तपाईंका फाइलहरू कहिल्यै तपाईंको यन्त्र छोड्दैनन्। सबै प्रशोधन तपाईंको ब्राउजरमा स्थानीय रूपमा हुन्छ।
सामान्य प्रयोगहरू
- लोगोबाट ब्राण्ड रङ निकाल्नुहोस्कुनै पनि लोगो वा ब्राण्ड छविमा प्रबल रङहरूको लागि सटीक hex कोडहरु प्राप्त गर्नुहोस्।
- फोटोहरूबाट वेब रङ प्यालेट बनाउनुहोस्हीरो फोटोहरु वा पृष्ठभूमि छविहरूबाट मिलान गर्ने वेबसाइट रङ प्यालेट उत्पन्न गर्नुहोस्।
- प्रेरणा फोटोहरूबाट रङ निकाल्नुहोस्आंतरिक डिजाइन वा फ्याशन फोटोहरूबाट रङ प्यालेट निकाल्नुहोस् आपनो आफ्नै परियोजनाहरूमा प्रयोग गर्न।
- पेन्टिङ र कलाकृति प्यालेटहरु विश्लेषण गर्नुहोस्प्रसिद्ध चित्रहरु वा आपनो आफ्नै कलाको रङ प्यालेटहरु अध्ययन गर्नुहोस् प्रबल रङ निकाल गरी।
- छविहरूबाट CSS थिमछविहरूबाट CSS चर थिमहरु उत्पन्न गर्नुहोस् — गतिशील थिमिङ वा अटो-उत्पादित रङ योजनाहरूको लागि उपयोगी।
यो कसरी काम गर्छ
रङ निकाल्ने काम Canvas API बाट पढिएको कच्चा पिक्सेल डेटामाथि लागू गरिएको हातले लेखिएको k-means++ क्लस्टरिङ एल्गोरिदम प्रयोग गरी पूर्ण रूपमा तपाईंको ब्राउजरमा चल्छ — कुनै सर्भर छैन, कुनै तेस्रो-पक्ष लाइब्रेरी छैन। उही छवि र रङ-गणना सेटिङले सधैं उही प्यालेट उत्पादन गर्छ किनभने एल्गोरिदमले Math.random को सट्टा एउटा निर्धारित स्युडो-अनियमित नम्बर जेनेरेटर (mulberry32) प्रयोग गर्छ।
- 1Canvas ले पिक्सेल डेटा पढ्छछवि एउटा अफ-स्क्रिन HTML Canvas एलिमेन्टमा कोरिन्छ र यसको सबैभन्दा लामो पाटोमा बढीमा 200px सम्म डाउनस्याम्पल गरिन्छ। Canvas API को getImageData() ले हरेक पिक्सेललाई कच्चा RGBA बाइटको रूपमा फर्काउँछ, र पूर्ण पारदर्शी पिक्सेलहरू (alpha < 128) क्लस्टरिङ सुरु हुनुअघि हटाइन्छन्।
- 2k-means++ ले पिक्सेलहरू क्लस्टर गर्छएउटा k-means++ इनिसियलाइजरले सेन्ट्रोइडहरू निर्धारित रूपमा सिड गर्छ, त्यसपछि एल्गोरिदम 20 पटकसम्म पुनरावृत्ति गर्छ: हरेक पिक्सेल RGB स्पेसमा यसको नजिकको सेन्ट्रोइडमा तोकिन्छ, त्यसपछि सेन्ट्रोइडहरू सबै तोकिएका पिक्सेलहरूको औसतको रूपमा पुनः गणना गरिन्छन्। उही hex मानमा संकुचित हुने क्लस्टरहरू मर्ज गरिन्छन्, त्यसैले नतिजाको हरेक स्वाच अद्वितीय हुन्छ।
- 3प्रति-रङ मेटाडेटा गणना गरिन्छहरेक सेन्ट्रोइड HEX, HSL, र कुल पिक्सेलमा यसको हिस्सा (प्रतिशत) मा रूपान्तरण गरिन्छ। मानक सूत्र अनुसार WCAG सापेक्षिक प्रकाशमानता गणना गरिन्छ, र हरेक स्वाचसँगै कालो र सेतो दुवैविरुद्ध कन्ट्रास्ट अनुपात देखाइन्छ।
- 4निर्यात र आइड्रपर आउटपुटप्यालेटलाई CSS कस्टम प्रोपर्टी, SCSS भेरिएबल, Tailwind कन्फिग स्निपेट, वा JSON को रूपमा प्रतिलिपि गर्न सकिन्छ। एउटा क्लिक-टु-स्याम्पल आइड्रपरले पूर्वावलोकनमा तपाईंको क्लिकलाई पूर्ण-रिजोल्युसन क्यानभासको ठ्याक्कै स्रोत पिक्सेल निर्देशांकमा नक्सा बनाउँछ, त्यो पिक्सेलको रङलाई छुट्टै छानिएका-रङहरूको सूचीमा थप्दै। एउटा PNG प्यालेट पट्टी Canvas toBlob() मार्फत डाउनलोड गर्न सकिन्छ।
तपाईंको छवि कहिल्यै अपलोड हुँदैन — यो पूर्ण रूपमा तपाईंको ब्राउजरको मेमोरीमा डिकोड र प्रशोधन हुन्छ, र केवल फाइल साइज (KB मा) मात्र एनालिटिक्समा रिपोर्ट गरिन्छ।
सम्बन्धित उपकरणहरू
अनियमित रङ जेनेरेटर
अनियमित रङ एक-एक गरी वा पाँचवटाको प्यालेटका रूपमा बनाउनुहोस्, मन परेकालाई लक गर्नुहोस्, HEX, RGB वा HSL मान कपी गर्नुहोस् र प्यालेट PNG वा CSS मा निर्यात गर्नुहोस्।
रङ प्यालेट जेनेरेटर
जुनसुकै आधार रङबाट पूरक, अनुरूप, त्रिभुज, र एकरङी रङ प्यालेट उत्पन्न गर्नुहोस्। एक क्लिकमा hex कोडहरू कपी गर्नुहोस्।
रङ चयनकर्ता र प्यालेट जेनेरेटर
रङहरू छान्नुहोस्, HEX/RGB/HSL बीच रूपान्तरण गर्नुहोस्, र सामञ्जस्यपूर्ण प्यालेटहरू बनाउनुहोस्।