कलर शेड जनरेटर
एक ब्रांड रंग दीजिए और यह दस चरण बनाता है — हल्के (tints) और गहरे (shades)। आउटपुट उसी 50 · 100 · … · 900 रूप में आता है जिसकी Tailwind और अधिकतर डिज़ाइन सिस्टम अपेक्षा करते हैं।
🎨 सब कुछ आपके ब्राउज़र में चलता है। कुछ इंस्टॉल करने या साइन-अप करने की ज़रूरत नहीं।
कौन-सा चरण कहाँ काम आता है
- · 50~200 बैकग्राउंड, हल्का ज़ोर, निष्क्रिय अवस्था
- · 400~600 बटन और लिंक — ब्रांड रंग स्वयं
- · 700~900 दबी अवस्था, और गहरे बैकग्राउंड पर टेक्स्ट
- हर पंक्ति के दाईं ओर लिखा है कि उस रंग को बैकग्राउंड बनाने पर सफ़ेद या काला टेक्स्ट सुगम्यता की सीमा (4.5:1) पार करता है या नहीं।
यह उपकरण क्या करता है
- 50 से 900 तक दस चरण
- हर चरण का HEX और HSL
- सफ़ेद या काला टेक्स्ट पढ़ा जाएगा, यह बताता है
- पूरा सेट CSS वेरिएबल में कॉपी करें
और रंग उपकरण
आपकी स्क्रीन और उसकी कलर प्रोफ़ाइल के हिसाब से रंग कुछ अलग दिख सकते हैं।