एकल बेस रंग से 50 से 950 तक का संपूर्ण 11-शेड Tailwind CSS पैलेट और कॉन्फ़िगरेशन कोड उत्पन्न करें।
Tailwind CSS कलर पैलेट जनरेटर वेब डिजाइनरों, यूआई इंजीनियरों और डिज़ाइन सिस्टम डेवलपर्स के लिए किसी भी एकल बेस हेक्स कलर कोड से एक संपूर्ण, संतुलित 11-चरणीय टेलविंड रंग पैलेट (50 से 950 तक के शेड्स) उत्पन्न करने का एक आधुनिक डिज़ाइन टूल है। टेलविंड सीएसएस (Tailwind CSS v3 और v4) में कस्टम ब्रांडिंग लागू करने के लिए केवल एक मुख्य रंग पर्याप्त नहीं होता; पृष्ठभूमि के लिए अल्ट्रा-लाइट 50 शेड्स, बॉर्डर के लिए 200-300 शेड्स, प्राथमिक बटनों के लिए 500-600 शेड्स, और गहरे टेक्स्ट के लिए 900-950 शेड्स की एक सुसंगत श्रृंखला की आवश्यकता होती है।
एक वास्तविक डिज़ाइन सिस्टम वर्कफ़्लो में, जब आप अपना ब्रांड बेस कलर #0EA5E9 (Ocean Blue) चुनते हैं, तो टूल तुरंत sRGB से HSL/OKLCH कलर स्पेस में परिवर्तित होकर गणितीय कंट्रास्ट कर्व लागू करता है। यह सेकंड के एक अंश में 50 (#F0F9FF) से लेकर 950 (#082F49) तक के सभी 11 शेड्स की गणना करता है। साथ ही टूल प्रत्येक शेड पर WCAG टेक्स्ट कंट्रास्ट रेटिंग प्रदर्शित करता है और सीधे आपकी tailwind.config.js फ़ाइल में पेस्ट करने के लिए तैयार JavaScript कॉन्फ़िग ऑब्जेक्ट स्निपेट प्रदान करता है जिसे एक क्लिक से कॉपी किया जा सकता है।
आपकी बौद्धिक संपदा और गुप्त ब्रांड पहचान की पूर्ण सुरक्षा के लिए, संपूर्ण पैलेट गणना 100% क्लाइंट-साइड ब्राउज़र मेमोरी में होती है। आपके ब्रांड हेक्स कोड या स्टाइल सेटिंग्स कभी किसी बाहरी सर्वर पर अपलोड नहीं किए जाते हैं।
शेड इंटरपोलेशन: हेक्स ➔ HSL/OKLCH कलर स्पेस ➔ वक्रता मैपिंग [50: ~97% L ➔ 500: बेस L ➔ 950: ~12% L] ➔ हेक्स आउटपुट
मूल रंग के संतृप्ति (Saturation) और रंग (Hue) को स्थिर रखते हुए चमक (Lightness) को एक गैर-रैखिक वक्र पर वितरित किया जाता है ताकि प्राकृतिक दिखने वाले हल्के और गहरे शेड्स प्राप्त हों।
brand, accent) का उपयोग करें ताकि भविष्य में रंग बदलना आसान हो।theme.extend.colors संरचना का पालन करता है जो Tailwind CSS v3 के साथ पूरी तरह संगत है और v4 के CSS थीम वेरिएबल्स में भी आसानी से मैप किया जा सकता है।