स्क्रीन से कोई भी रंग चुनें, HEX, RGB, HSL और CMYK मान प्राप्त करें और समन्वित रंग पैलेट बनाएं।
आधुनिक यूआई/यूएक्स डिज़ाइन, वेब डेवलपमेंट और डिजिटल ब्रांडिंग में रंगों का चयन केवल सौंदर्य तक सीमित नहीं है, बल्कि यह गणितीय रंग सामंजस्य (Color Harmonies), मनोवैज्ञानिक प्रभाव और WCAG 2.1 वेब एक्सेसिबिलिटी मानकों पर आधारित होता है। यह इंटरैक्टिव कलर पिकर और पैलेट इंस्पेक्टर डिज़ाइनरों और डेवलपर्स को रंग मानों का सटीक दृश्य निरीक्षण, पैलेट जेनरेशन और विभिन्न रंग प्रारूपों (HEX, RGB, HSL, HSV, CMYK) में निर्बाध रूपांतरण प्रदान करता है।
एक व्यावहारिक यूआई डिज़ाइन परिदृश्य देखें: एक फ्रंटेंड डेवलपर एक फिनटेक डैशबोर्ड के लिए प्राइमरी ब्रांड कलर चुन रहा है और वह HEX कोड #0F52BA (सफायर ब्लू) चुनता है। टूल तुरंत इस रंग का विश्लेषण करता है: RGB (15, 82, 186) और HSL (216°, 85%, 39%)। इसके साथ ही, एल्गोरिदम इसके पूरक रंग (Complementary Color - #BA770F, वार्म एम्बर) और ट्राइएड्रिक रंगों की गणना करता है। सबसे महत्वपूर्ण बात, यह सफ़ेद पृष्ठभूमि पर 7.82:1 का कंट्रास्ट अनुपात प्रदर्शित करता है, जो WCAG AAA एक्सेसिबिलिटी मानकों को सहजता से पास करता है। यह तत्काल तकनीकी प्रतिक्रिया बटन और टेक्स्ट के लिए सुलभ रंगों के चयन को सुगम बनाती है।
सभी रंग चयन, पैलेट सिमुलेशन और हार्मोनिक गणनाएं आपके वेब ब्राउज़र के भीतर विशुद्ध रूप से स्थानीय रूप से संसाधित होती हैं। कोई भी डिज़ाइन प्राथमिकता या रंग डेटा किसी दूरस्थ सर्वर पर प्रेषित नहीं किया जाता है।
HSL to RGB: C = (1 - |2L - 1|) × S ; X = C × (1 - |(H / 60°) mod 2 - 1|) ; m = L - C / 2
कैनवास कलर पिकर निर्देशांकों से HSL मान निकाले जाते हैं; फिर क्रोमा (C) और मध्यवर्ती मानों की गणना करके RGB 8-बिट बाइट्स और HEX कोड जनरेट किए जाते हैं।