रंग शेड्स जेनरेटर
किसी भी रंग के टिंट और शेड्स।
तय टोकन 50–950; 50 सबसे हल्का, 950 सबसे गहरा और 500 बिल्कुल इनपुट रंग है।
UI अनुपात? आस्पेक्ट रेशियो कैलकुलेटर · सामंजस्य: रंग पैलेट जनरेटर · WCAG: रंग कंट्रास्ट जाँचक.
रंग पैलेट बनाएँ
तय, दृष्टिगत 50–950 डिज़ाइन-सिस्टम स्केल या कस्टम टिंट/शेड चरण बनाएँ, फिर CSS custom properties कॉपी करें या JSON डाउनलोड करें।
FAQ
टिंट और शेड क्या हैं?
Tint किसी रंग का हल्का रूप है और shade उसका गहरा रूप। यह टूल एन्कोड किए गए sRGB चैनलों को इंटरपोलेट करने के बजाय अनुभव-आधारित OKLCH lightness और chroma समायोजित करता है।
कलर कैसे कॉपी करें?
किसी भी swatch का HEX मान कॉपी करने के लिए उस पर क्लिक करें। पूरा scale एक्सपोर्ट करने के लिए “CSS variables कॉपी करें” या “JSON डाउनलोड करें” इस्तेमाल करें।
यह किसलिए उपयोगी है?
एक ही ब्रांड रंग से color palette और design-system scale बनाएँ — उन्हें CSS custom properties या Tailwind-style tokens के रूप में एक्सपोर्ट करें।
अंतिम अपडेट: