मुफ़्त रंग और डिज़ाइन उपकरण — पिकर, पैलेट, कंट्रास्ट, ग्रेडिएंट
वेब के लिए व्यावहारिक रंग कार्य: HEX/RGB/HSL के साथ रंग पिकर, पैलेट और ग्रेडिएंट जेनरेटर, WCAG कंट्रास्ट चेकर पाठ पठनीय रखता है, रंग-अंधापन सिमुलेशन और CSS छाया उपकरण। डिज़ाइनर और फ्रंट-एंड डेवलपर्स के लिए जो सटीक मान और सुलभ विकल्प चाहते हैं, कॉपी-पेस्ट के लिए तैयार।
रंग परिवर्तक (HEX, RGB, HSL — तत्काल)
लाइव प्रीव्यू स्वॉच के साथ HEX, RGB और HSL के बीच रंग कनवर्ट करें। कोई भी फील्ड संपादित करें; अन्य अपडेट होते हैं।
कंट्रास्ट चेकर (WCAG AA / AAA ग्रेड)
टेक्स्ट और पृष्ठभूमि के बीच रंग कंट्रास्ट अनुपात जाँचें। सामान्य और बड़े टेक्स्ट आकार पर WCAG AA और AAA के लिए लाइव प्रीव्यू और pass/fail बैज दिखाता है।
CSS ग्रेडिएंट जनरेटर (linear, radial, conic)
CSS ग्रेडिएंट विज़ुअली बनाएँ: linear, radial, और conic। एकाधिक कलर स्टॉप, एंगल कंट्रोल, प्रीसेट। कॉपी के लिए तैयार CSS।
रंग पैलेट जनरेटर (एक बेस से 5 स्कीम)
एक बेस रंग से सामंजस्यपूर्ण रंग पैलेट बनाएँ: complementary, analogous, triadic, tetradic, monochromatic। hex कॉपी करने के लिए किसी भी swatch पर क्लिक करें।
कलर ब्लाइंडनेस सिम्युलेटर — रंगों को दूसरों की नज़र से देखें
कोई भी हेक्स रंग कोड डालें और देखें कि ड्यूटेरानोपिया, प्रोटानोपिया, ट्रिटानोपिया और एक्रोमेटोप्सिया में वह रंग कैसा दिखता है। सुलभ डिज़ाइन के लिए ज़रूरी टूल।
CSS Box Shadow Generator (live preview के साथ)
CSS box-shadow values visually build करें। Offset, blur, spread, color, opacity, और inset adjust करें। Live preview, copy-paste CSS।
CSS कलर नेम फाइंडर — हेक्स से सबसे नज़दीकी नामित रंग
किसी भी हेक्स रंग को दर्ज करके सबसे नज़दीकी CSS नामित रंग खोजें। सटीक हेक्स मानों और दूरी स्कोर के साथ 5 सबसे नज़दीकी नामित रंग देखें।
कलर शेड्स जेनरेटर — Tailwind CSS स्टाइल
किसी भी रंग के लिए Tailwind CSS स्केल पर 11 शेड्स (50–950) तुरंत जेनरेट करें। किसी भी शेड पर क्लिक करके hex कोड कॉपी करें या सभी को CSS वेरिएबल्स के रूप में एक्सपोर्ट करें।