कलर शेड्स जनरेटर

संदर्भ

टिंट और शेड क्या हैं?

रंग सिद्धांत में, टिंट कोई भी रंग है जिसमें सफ़ेद मिलाया गया हो (हल्का बनाता है), और शेड कोई भी रंग है जिसमें काला मिलाया गया हो (गहरा बनाता है)। साथ में, ये एक मोनोक्रोमैटिक पैलेट बनाते हैं — एकल ह्यू के विभिन्न चमक स्तरों पर विविधताएं। यह टूल आपके बेस रंग के माध्यम से सफ़ेद से काले तक पूरा स्केल जनरेट करता है, डिज़ाइन और विकास के लिए उपयोग-तैयार कलर रैंप देता है।

कलर शेड्स के उपयोग

डिज़ाइन सिस्टम — ब्रांड रंग के लिए 9-स्टेप या 11-स्टेप शेड स्केल जनरेट करें, Tailwind CSS (50–950), Material Design और अधिकांश आधुनिक डिज़ाइन सिस्टम द्वारा उपयोग किए जाने वाले पैटर्न के अनुसार। UI कंपोनेंट अवस्थाएं — बैकग्राउंड और hover अवस्थाओं के लिए हल्के टिंट, प्राइमरी एक्शन के लिए बेस रंग, और टेक्स्ट, बॉर्डर और एक्टिव अवस्थाओं के लिए गहरे शेड उपयोग करें। डेटा विज़ुअलाइज़ेशन — कोरोप्लेथ मैप, हीटमैप और चार्ट के लिए क्रमिक हल्के-से-गहरे कलर स्केल बनाएं। एक्सेसिबिलिटी — WCAG कंट्रास्ट अनुपात आवश्यकताओं (सामान्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट के लिए 3:1) को पूरा करने वाले शेड जोड़े खोजें।

शेड्स कैसे जनरेट होते हैं

शेड्स सफ़ेद (#FFFFFF) से बेस रंग के माध्यम से काले (#000000) तक RGB स्पेस में रैखिक इंटरपोलेशन द्वारा जनरेट होते हैं। N शेड्स के लिए, बेस रंग स्केल के मध्यबिंदु पर दिखता है। प्रत्येक चरण समान रूप से ब्लेंड होता है, सुसंगत चमक प्रगति उत्पन्न करता है। आउटपुट HEX, RGB और HSL फॉर्मेट में उपलब्ध है — व्यक्तिगत मान या पूरा पैलेट एक बार में कॉपी करें।

गोपनीयता

सभी रंग जनरेशन 100% आपके ब्राउज़र में होती है। कोई डेटा सर्वर पर नहीं भेजा जाता।