डिज़ाइन एवं रंग उपकरण

स्तरित बॉक्स छाया को दृश्य रूप से डिज़ाइन करें और उत्पादन के लिए तैयार CSS की प्रतिलिपि बनाएँ।

एकाधिक रंग स्टॉप के साथ रैखिक, रेडियल और शंकु ग्रेडिएंट बनाएं।

प्रत्येक कोने को स्वतंत्र रूप से नियंत्रित करें और जैविक आकृतियों और गोलियों का पूर्वावलोकन करें।

लाइव नमूने और कंट्रास्ट संकेतों के साथ HEX, RGB, HSL और HSV के बीच कनवर्ट करें।

टेक्स्ट कंट्रास्ट अनुपात को मापें और सामान्य और बड़े टेक्स्ट के लिए AA/AAA अनुपालन की जांच करें।

पिक्सेल को rem में कनवर्ट करें और कॉन्फ़िगर करने योग्य रूट फ़ॉन्ट आकार के साथ वापस करें।

दृश्य रूप से फ्लेक्सबॉक्स लेआउट बनाएं और CSS को कॉपी करें।

दृश्य रूप से उत्तरदायी CSS ग्रिड कॉलम, पंक्तियाँ और अंतराल बनाएँ।

बॉर्डर ट्रिक से किसी भी दिशा में CSS त्रिकोण बनाएं।

धुंधलेपन, रंगत, बॉर्डर और छाया के साथ फ्रॉस्टेड-ग्लास कार्ड बनाएं।

वेबकिट और फ़ायरफ़ॉक्स CSS गुणों के साथ स्टाइल स्क्रॉलबार।

कॉन्फ़िगर करने योग्य समय के साथ एक फ़ेड-एंड-स्लाइड कीफ़्रेम एनीमेशन बनाएं।

क्लैंप() फ़ॉन्ट आकार बनाएं जो व्यूपोर्ट के बीच आसानी से स्केल करें।

धुंधलापन, चमक, कंट्रास्ट, संतृप्ति और रंग फ़िल्टर को दृष्टिगत रूप से संयोजित करें।

आधार रंग से पूरक, अनुरूप, त्रियादिक और टेट्राडिक पैलेट उत्पन्न करें।

किसी भी आधार रंग से पांच टिंट और पांच शेड बनाएं।

सेक्शन डिवाइडर और पृष्ठभूमि के लिए सुचारू SVG तरंग पथ उत्पन्न करें।

सिस्टम फ़ॉन्ट का उपयोग करके शीर्षक और मुख्य फ़ॉन्ट युग्मन का पूर्वावलोकन करें।

यूआई और गद्य के लिए तैयार सिस्टम फ़ॉन्ट स्टैक की प्रतिलिपि बनाएँ।

स्तरित टेक्स्ट छाया डिज़ाइन करें और CSS की प्रतिलिपि बनाएँ।