होम
कलर टूल्स
रंग नाम से हेक्स

सीएसएस रंग नाम से हेक्स परिवर्तक सभी 140+ सीएसएस नामित रंगों के लिए खोज और पूर्वावलोकन के साथ एचईएक्स कोड देखें।

🎨

रंग नाम से हेक्स

सभी 140+ सीएसएस नामित रंगों के लिए खोज और पूर्वावलोकन के साथ एचईएक्स कोड देखें।

नाम द्वारा खोजें

फिल्टर सूची के लिए "coral" या "blue" जैसे रंग नाम टाइप करें।

रंग ब्राउज़ करें

विजुअल स्वैच के साथ सभी 140+ CSS नामित रंगों को ब्राउज़ करें।

HEX कोड कॉपी करें

किसी भी नामित रंग के लिए HEX कोड प्राप्त करने के लिए कॉपी पर क्लिक करें।

Loading tool...

What Is रंग नाम से हेक्स?

सीएसएस रंग नाम से हेक्स लुकअप आपको सीएसएस विशिष्टीकरण में परिभाषित 140+ रंगों तक तुरंत पहुंच प्रदान करता है, जिन्हें मानव-द्वारा पढ़ने योग्य नाम द्वारा पहचाना जाता है। हेक्स कोड को याद रखने के बजाय, सीएसएस आपको अपने शैली पत्रकों में सीधे "कोरल", "टमाटर", "स्टीलब्लू" या "रेबेकापर्पल" जैसे नामों का उपयोग करने की अनुमति देता है। यह उपकरण प्रत्येक नामित रंग को उसके दृश्य स्वैच, सटीक हेक्स कोड और एक-क्लिक कॉपी कार्यक्षमता के साथ प्रदर्शित करता है। यह उन विकासकर्ताओं के लिए एक अमूल्य संदर्भ है जो अपने प्रोटोटाइप में अर्थपूर्ण रंग नामों का उपयोग करना चाहते हैं, जिन्हें वे नाम से जानते हैं उस रंग का हेक्स मान ढूंढना चाहते हैं, या सीएसएस विशिष्टीकरण में अस्तित्व में नहीं थे। खोज योग्य इंटरफ़ेस यह तेजी से विशिष्ट रंगों या पूरे रंग परिवारों को खोजने के लिए बनाता है। नामित सीएसएस रंग बुनियादी प्राइमरीज़ से लेकर "लेमनचिफॉन", "पापायाव्हिप" और "मिंट्क्रीम" जैसे सूक्ष्म शेड्स तक होते हैं।

Why Use रंग नाम से हेक्स?

सभी 140+ CSS नामित रंगों के लिए पूर्ण संदर्भ
विजुअल स्वैच तुलना में रंगों को देखने में आसान बनाते हैं
आंशिक नाम द्वारा रंगों को खोजने के लिए तत्काल सर्च फिल्टरिंग
प्रत्येक रंग HEX कोड के लिए एक-क्लिक कॉपी
त्वरित प्रोटोटाइप और CSS रंग नाम सीखने में उपयोगी

Common Use Cases

त्वरित प्रोटोटाइप

हेक्स कोड देखने के बिना तेजी से प्रोटोटाइप बनाने के लिए नामित रंगों का उपयोग करें।

CSS संदर्भ

क्रॉस-ब्राउज़र समानता सुनिश्चित करने के लिए CSS नामित रंगों के लिए सही HEX मान ढूंढें।

सीखने का सहायक

CSS नामित रंगों और उनके हेक्स समकक्षों की पूरी श्रृंखला का अन्वेषण करें।

कोड समीक्षाएं

सत्यापित करें कि कोड में नामित रंग इच्छित दृश्य उपस्थिति से मेल खाते हैं।

Technical Guide

सीएसएस नामित रंग एक पूर्व-परिभाषित सेट के 148 रंग कीवर्ड (जैसे "एक्वा"/"सायन" और "फ्यूचिया"/"मैगेंटा" जैसे डुप्लिकेट) हैं जो सीएसएस रंग मॉड्यूल लेवल 4 में निर्दिष्ट किए गए हैं। प्रत्येक नाम एक विशिष्ट sRGB रंग को परिभाषित करता है जिसे एक हेक्स ट्रिपलेट के रूप में परिभाषित किया गया है। ये नाम X11 रंग सेट से उत्पन्न हुए थे, जिन्हें Unix विंडोइंग सिस्टम में उपयोग किया जाता था, समय-समय पर इसकी अतिरिक्त। "रेबेकापर्पल" (#663399) नाम 2014 में एरिक मेयर की बेटी के सम्मान में जोड़ा गया था। सीएसएस में नामित रंगों को केस-इनसेंसिटिव होता है: "डार्कस्लेटग्रे" और "darkslategray" एकसमान हैं। जबकि विकास के लिए सुविधाजनक, नामित रंगों में सीमाएं हैं: वे केवल 148 में से 16.7 मिलियन संभावित आरजीबी रंग प्रदान करते हैं, और नाम व्यक्तिपरक हो सकते हैं (उदाहरण के लिए, "ग्रे" #808080 है, जबकि "डार्कग्रे" #A9A9A9 है, जो "ग्रे" से हल्का है)। उत्पादन कोड के लिए, अधिकांश टीमें सटीक रंग नियंत्रण और डिज़ाइन विशिष्टताओं के साथ एकरूपता के लिए हेक्स या एचएसएल पसंद करती हैं।

Tips & Best Practices

1
CSS नामित रंगों में केस-असंवेदनशीलता होती है - "DarkBlue" और "darkblue" समान हैं
2
अनुमान से विपरीत, "darkgray" (#A9A9A9) "gray" (#808080) से हल्का है
3
नामित रंग प्रोटोटाइपिंग के लिए बहुत अच्छे हैं लेकिन आमतौर पर उत्पादन में सटीक HEX मानों द्वारा बदल दिए जाते हैं
4
कीवर्ड "transparent" भी एक वैध CSS रंग है जो rgba(0,0,0,0) के समतुल्य है
5
rebeccapurple (#663399) सबसे हाल ही में जोड़ा गया नामित रंग था, जो रेबेका मेयर को श्रद्धांजलि देता है

Related Tools

हेक्स से आरजीबी रंग परिवर्तक

एक लाइव पूर्वावलोकन स्वैच के साथ हेक्स रंग कोडों को तत्काल आरजीबी मानों में बदलें।

🎨 Color Tools

हेक्स से एचएसएल रंग परिवर्तक

हेक्स रंग कोडों को एचएसएल (रंग, संतृप्ति, प्रकाशता) मानों में बदलें।

🎨 Color Tools

रंग चुनने वाला

इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।

🎨 Color Tools

टेलविंड रंग खोजक

किसी भी हेक्स कोड के लिए सबसे निकटतम टेलविंड सीएसएस रंग वर्ग ढूंढें।

🎨 Color Tools

सीएसएस नामित रंग संदर्भ

150 से अधिक सीएसएस नामित रंगों को खोजें, ह्यू या प्रकाशता द्वारा छाँटें।

🎨 Color Tools

Frequently Asked Questions

Q CSS नामित रंगों की संख्या कितनी है?

CSS विनिर्देशन में 148 नामित रंग हैं, जिसमें कुछ दोहरे जोड़े (aqua/cyan, fuchsia/magenta) शामिल हैं। इससे 145 अद्वितीय रंग मिलते हैं।

Q क्या सभी ब्राउज़रों में नामित रंग समर्थित हैं?

हाँ, सभी आधुनिक ब्राउज़र सभी CSS नामित रंगों को सपोर्ट करते हैं। वे CSS1 (बेसिक रंग) और CSS3 (विस्तारित रंग) से CSS विनिर्देशन का हिस्सा रहे हैं।

Q क्या मैं जावास्क्रिप्ट में नामित रंगों का उपयोग कर सकता हूं?

हाँ, आप कैनवास, CSS-in-JS लाइब्रेरी और जावास्क्रिप्ट द्वारा सेट किए गए किसी भी CSS गुण में नामित रंगों का उपयोग कर सकते हैं। उदाहरण: element.style.color = "tomato"।

Q क्यों darkgray gray से हल्का है?

यह एक ऐतिहासिक विचलन X11 रंग नामकरण प्रणाली से है। "gray" #808080 (मध्यम ग्रे) है, जबकि "darkgray" #A9A9A9 (एक हल्का शेड) है। मूल विनिर्देशन में नामकरण असंगत था।

About This Tool

रंग नाम से हेक्स is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.