रंग को सीएसएस वेरिएबल्स जनरेटर रंगों के एक सेट को सीएसएस कस्टम प्रॉपर्टीज (वेरिएबल्स) में परिवर्तित करें।

सीएसएस कस्टम प्रॉपर्टीज़ (var(--name)) एक :root चयनकर्ता में परिभाषित किए जाते हैं जो वैश्विक सीमा के लिए होता है। HEX फॉर्मेट पूर्ण रंग मान संग्रहीत करता है: --primary: #3B82F6. आरजीबी अल्पविराम से अलग करने वाला फॉर्मेट चैनलों को संग्रहीत करता है: --primary: 59, 130, 246, जिसे rgb(var(--primary)) या rgba(var(--primary), 0.5) के रूप में लचीली अपारदर्शिता के लिए उपयोग किया जा सकता है। एचएसएल फॉर्मेट संग्रहीत करता है: --primary: 217, 91%, 60%, जिसे hsl(var(--primary)) के रूप में उपयोग किया जा सकता है। आरजीबी और एचएसएल फॉर्मेट अधिक लचीले हैं क्योंकि वे अपारदर्शिता जोड़ने की अनुमति देते हैं बिना वेरिएबल को पुनः परिभाषित किए। सीएसएस कस्टम प्रॉपर्टीज़ सभी बच्चे तत्वों द्वारा विरासत में मिली जाती हैं और थीम स्विचिंग के लिए मीडिया क्वेरीज़ या वर्ग चयनकर्ताओं में ओवरराइड की जा सकती हैं। वे सभी आधुनिक ब्राउज़रों में समर्थित हैं और नियमित सीएसएस प्रॉपर्टीज़ की तरह कैस्केड करते हैं।