रैंडम HEX कलर कोड जनरेटर
एक साथ कई रैंडम हेक्साडेसिमल कलर कोड बनाएँ, विज़ुअल प्रीव्यू, अलग-अलग कॉपी और CSS वेरिएबल के रूप में एक्सपोर्ट के साथ।
यह कैसे काम करता है
वेबसाइट पैलेट के लिए प्रेरणा चाहिए, मॉकअप के लिए टेस्ट कलर सेट चाहिए, या किसी रचनात्मक प्रोजेक्ट के लिए बस कोई रैंडम रंग चाहिए? रंगों की मनचाही संख्या चुनें और एक क्लिक में सभी बनाएँ: हर रंग का हेक्साडेसिमल कोड उसके साथ दिखता है, जिसे अलग से कॉपी किया जा सकता है। साथ ही CSS वेरिएबल के रूप में ग्रुप एक्सपोर्ट भी है, जिसे सीधे स्टाइलशीट में डाला जा सकता है।
हेक्साडेसिमल कलर कोड कैसे काम करता है?
#3a6df0 जैसा HEX कोड 0 से 255 तक के तीन मानों (लाल, हरा, नीला) को बेस 16 में बदलकर दर्शाता है, यानी हर कंपोनेंट के लिए दो हेक्साडेसिमल अंक। यह CSS और वेब डिज़ाइन में सबसे ज़्यादा इस्तेमाल होने वाला फ़ॉर्मैट है क्योंकि यह कॉम्पैक्ट है और कॉपी-पेस्ट करना आसान है।
क्या मैं इन रंगों को सीधे अपने CSS कोड में इस्तेमाल कर सकता हूँ?
हाँ: "CSS वेरिएबल के रूप में कॉपी करें" बटन बनाए गए सभी रंगों को अपने आप कस्टम वेरिएबल (--color-1, --color-2, आदि) में फ़ॉर्मैट कर देता है, जो आपकी स्टाइलशीट में पेस्ट करने के लिए तैयार होते हैं।
रंगों का जनरेशन WebAssembly के ज़रिए पूरी तरह आपके ब्राउज़र में होता है, किसी बाहरी सर्वर से कनेक्शन के बिना।