कलर → डिज़ाइन सिस्टम

लाइव प्रीव्यू के साथ HEX, RGB और HSL के बीच रंग बदलें।

एक बेस HEX रंग से शेड्स, टिंट्स और सामंजस्यपूर्ण रंग बनाएं, प्रत्येक के साथ कॉपी करने योग्य HEX मान।

किसी फोरग्राउंड और बैकग्राउंड HEX रंग के बीच WCAG कंट्रास्ट अनुपात जाँचें और देखें कि यह सामान्य तथा बड़े टेक्स्ट दोनों के लिए AA और AAA पास करता है या नहीं।

कस्टम कलर स्टॉप और एक कोण के साथ लीनियर, रेडियल या कोनिक CSS ग्रेडिएंट बनाएं, परिणाम का लाइव पूर्वावलोकन देखें, और तैयार background नियम कॉपी करें।