सभी 140 मानक CSS/HTML नामित रंगों को एक सुंदर स्वैच ग्रिड में ब्राउज़ करें: नाम या हेक्स से खोजें, रंग परिवार से फ़िल्टर करें और किसी भी रंग का हेक्स, rgb() या hsl() मान एक क्लिक में कॉपी करें। आपके ब्राउज़र में, मुफ़्त।

सभी 140 मानक CSS/HTML नामित रंग, उनके हेक्स, RGB और HSL मानों के साथ। सब कुछ एक अंतर्निहित संदर्भ से आपके ब्राउज़र में चलता है: सर्वर पर कुछ भी नहीं भेजा जाता।

कोई रंग आपकी खोज से मेल नहीं खाता।
कोई अलग नाम या हेक्स आज़माएँ: जैसे RebeccaPurple, #00FF00 या teal।

HTML कलर नेम्स के बारे में

यह रेफरेंस सभी 140 मानक CSS/HTML नामित रंग प्रस्तुत करता है (ब्राउज़र समझने वाली पूरी सूची, AliceBlue से लेकर YellowGreen तक) एक रिस्पॉन्सिव स्वैच ग्रिड के रूप में। हर स्वैच रंग को उसके नाम और हेक्स मान के साथ दिखाता है, और किसी एक पर क्लिक करने से उसका हेक्स, rgb() और hsl() रूप खुलता है, जिनमें से हर एक एक क्लिक में कॉपी किया जा सकता है।

आप नाम या हेक्स मान से खोज सकते हैं, Tomato और #FF6347 दोनों एक ही स्वैच ढूंढते हैं, और परिवार के अनुसार फिल्टर कर सकते हैं: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, और Grays & Blacks। जब आपको लगभग पता हो कि किस रंगत की तलाश है, तो परिवार व्यू उम्मीदवारों की शॉर्टलिस्ट बनाने का सबसे तेज़ तरीका है।

नामित रंग प्रोटोटाइप, कोड उदाहरण, SVG फिल और शिक्षण के लिए सुविधाजनक हैं, क्योंकि RebeccaPurple जैसा नाम किसी हेक्स ट्रिपलेट से बेहतर मंशा बताता है। RGB और HSL मान आपके ब्राउज़र में हर रंग के हेक्स से निकाले जाते हैं, और आप जो भी खोजते हैं वह सर्वर को नहीं भेजा जाता।

HTML कलर नेम्स का उपयोग कैसे करें

  1. रंग नाम या हेक्स मान से खोजें: उदाहरण के लिए Tomato, teal या #00FF00।
  2. एक ही रंगत सीमा में रंगों की शॉर्टलिस्ट बनाने के लिए परिवार से फिल्टर करें: Reds, Blues, Grays वगैरह।
  3. उसका हेक्स मान तुरंत कॉपी करने के लिए एक स्वैच पर क्लिक करें।
  4. इसके बजाय rgb() या hsl() रूप कॉपी करने के लिए स्वैच पॉपओवर खोलें।

अक्सर पूछे जाने वाले प्रश्न

आधुनिक CSS में 140 मानक नामित रंग हैं, जो मूल 16 HTML रंगों को बड़ी X11-व्युत्पन्न सूची के साथ बढ़ाते हैं। हर मौजूदा ब्राउज़र इन सभी का समर्थन करता है, किसी भी प्रॉपर्टी में जो रंग स्वीकार करती है।

नहीं। tomato, Tomato और TOMATO सभी CSS और HTML में वैध और समान हैं। यहाँ दिखाए गए कैमल-केस रूप केवल पारंपरिक वर्तनी हैं जो LightGoldenrodYellow जैसे बहु-शब्द नामों को पढ़ने योग्य बनाते हैं।

नाम उदाहरणों, प्रोटोटाइप और एकबारगी एक्सेंट के लिए बेहतरीन हैं; प्रोडक्शन पैलेट आमतौर पर हेक्स, rgb() या hsl() मानों के साथ कस्टम प्रॉपर्टीज़ में रहते हैं, क्योंकि डिज़ाइन-सिस्टम रंग शायद ही किसी नामित रंग से बिल्कुल मेल खाते हों। कार्यात्मक रूप से, एक नाम और उसका हेक्स परस्पर बदले जा सकते हैं।

CSS gray और उसके वेरिएंट्स के लिए दोनों वर्तनी शामिल करता है (gray/grey, darkgray/darkgrey वगैरह) हर जोड़े को एक ही मान से मैप करते हुए, इसलिए कोई भी वर्तनी गलत नहीं है।

हाँ। सभी 140 स्वैच, खोज, परिवार फिल्टर और हेक्स/rgb()/hsl() कॉपी करना मुफ्त है और पूरी तरह आपके ब्राउज़र में चलता है।

इसे साझा करें
मदद चाहिए?
इस टूल में कोई समस्या मिली? हमारी टीम को बताएं।
समस्या की रिपोर्ट करें

इस मुफ़्त टूल को अपनी वेबसाइट पर जोड़ें: नीचे दिया गया कोड कॉपी और पेस्ट करें।