HEX, RGB और HSL color codes के बीच बदलें, फिर परिणाम को ऐसे snippets में रखें जिन्हें आसानी से कॉपी और share किया जा सके।
UI accent जांच को कॉपी-फ्रेंडली HEX, RGB, HSL और token snippets में सामान्यीकृत किया गया है।
छोटे टेक्स्ट के लिए सबसे मजबूत कॉन्ट्रास्ट पाने हेतु इस स्वैच पर सफेद टेक्स्ट का उपयोग करें।
:root {
--brand-accent: #7C3AED;
--brand-accent-rgb: 124 58 237;
}
{
"color": {
"accent": {
"value": "#7C3AED",
"rgb": "124 58 237",
"hsl": "hsl(262, 83%, 58%)"
}
}
}
background-color: #7C3AED; color: #FFFFFF;
वेब पर रंगों को कई प्रारूपों में प्रदर्शित किया जा सकता है। HEX हेक्साडेसिमल नोटेशन (#RRGGBB) का उपयोग करता है, RGB लाल, हरे, नीले घटकों (0-255) को निर्दिष्ट करता है, और HSL ह्यू (0-360), सैचुरेशन और लाइटनेस (0-100%) का उपयोग करता है। प्रत्येक प्रारूप के अलग-अलग उपयोग के मामलों के लिए फायदे हैं जैसे डिज़ाइन कार्य या प्रोग्रामेटिक रंग हेरफेर।
HEX रंग हेक्साडेसिमल (प्रति चैनल 16-255) में RGB मानों को एन्कोड करते हैं। RGB सीधे रंग की तीव्रता (0-255) निर्दिष्ट करता है। HSL रंग (ह्यू) को तीव्रता (सैचुरेशन/लाइटनेस) से अलग करता है, जिससे रंग भिन्नताएं बनाना अधिक सहज हो जाता है। सभी प्रारूप समान 16.7 मिलियन रंगों का प्रतिनिधित्व कर सकते हैं।
HSL तब बेहतर होता है जब आपको रंग भिन्नताएं (हल्का, गहरा, अधिक/कम सैचुरेटेड) बनाने की आवश्यकता होती है क्योंकि आप एक ही घटक को समायोजित कर सकते हैं। रंग मिश्रण के लिए और इमेज प्रोसेसिंग के साथ काम करते समय RGB बेहतर होता है।
HEX शॉर्टहैंड 6 के बजाय 3 अंकों का उपयोग करता है (#RRGGBB के बजाय #RGB)। प्रत्येक अंक दोगुना हो जाता है: #F00 #FF0000 (लाल) बन जाता है। केवल तभी काम करता है जब प्रत्येक जोड़ी में समान अंक हों।