इस लेख में
रंग के नाम पता करना क्यों मायने रखता है
डिजिटल डिज़ाइन में रंगों को आमतौर पर हेक्स कोड, RGB मानों या HSL मानों के रूप में व्यक्त किया जाता है। सटीक होते हुए भी, ये संख्यात्मक प्रतिनिधित्व अधिकांश लोगों के लिए अर्थहीन होते हैं। 'Coral' या 'Steel Blue' जैसा रंग नाम तुरंत संवाद स्थापित करता है, जिससे डिज़ाइन चर्चाएँ, दस्तावेज़ीकरण और कोड समीक्षाएँ अधिक कुशल बनती हैं।
CSS, 148 नामित रंगों का समर्थन करता है जिन्हें सीधे स्टाइलशीट में उपयोग किया जा सकता है। किसी दिए गए हेक्स कोड के लिए निकटतम नामित रंग खोजने से डेवलपर्स को अधिक पठनीय CSS लिखने में मदद मिलती है, पहुँच-योग्यता दस्तावेज़ीकरण बेहतर होता है, और डिज़ाइन सिस्टम टोकन अधिक समझने योग्य बनते हैं। रंग के नाम उन डिज़ाइनरों और डेवलपर्स के बीच संवाद भी बेहतर बनाते हैं जो शायद हेक्स कोड में नहीं सोचते।
रंग नाम मिलान कैसे काम करता है
रंग नाम खोजक किसी इनपुट रंग और संदर्भ पैलेट के हर नामित रंग के बीच की दूरी की गणना करके काम करते हैं। सबसे निकटतम मिलान परिणाम के रूप में लौटाया जाता है।
- RGB दूरी — सबसे सरल तरीका RGB रंग स्थान में यूक्लिडियन दूरी की गणना करता है, R, G और B को त्रि-आयामी निर्देशांकों के रूप में मानते हुए
- भारित RGB — चैनलों को अलग-अलग भार देकर दूरी की गणना को समायोजित करता है। मानव आँखें हरे रंग के प्रति अधिक संवेदनशील होती हैं, इसलिए हरे रंग के अंतर को अधिक भार दिया जाता है
- Delta E (CIE76/CIE2000) — रंगों को CIELAB रंग स्थान में बदलता है, जिसे अवधारणात्मक रूप से एक समान बनाने के लिए डिज़ाइन किया गया है। 1.0 का Delta E उस सबसे छोटे रंग अंतर को दर्शाता है जिसे एक मानव अनुभव कर सकता है
निःशुल्क आज़माएँ — कोई साइनअप आवश्यक नहीं
एक रंग का नाम खोजें →CSS नामित रंगों का संदर्भ
CSS, 148 नामित रंग परिभाषित करता है जो सभी आधुनिक ब्राउज़रों में काम करते हैं। इन नामों का उपयोग वहाँ कहीं भी किया जा सकता है जहाँ रंग मान स्वीकार किया जाता है, जिसमें background-color, color, border-color और box-shadow प्रॉपर्टीज़ शामिल हैं।
- बुनियादी रंग — 16 मूल HTML रंग: काला, सफ़ेद, लाल, हरा, नीला, पीला, सियान, मैजेंटा और HTML 3.2 के बाद से परिभाषित 8 अन्य
- विस्तारित रंग — CSS3 में जोड़े गए 132 अतिरिक्त नाम, 'AliceBlue' से 'YellowGreen' तक, जो मूल रूप से X11 रंग सूची से लिए गए हैं
- विशेष मान — 'transparent' (पूरी तरह पारदर्शी) और 'currentColor' (color प्रॉपर्टी से विरासत में लेता है) भी वैध CSS रंग कीवर्ड हैं
अक्सर पूछे जाने वाले प्रश्न
रंग नाम मिलान कितना सटीक है?
सटीकता मिलान एल्गोरिदम और संदर्भ पैलेट पर निर्भर करती है। 148 CSS नामित रंगों के साथ, निकटतम मिलान भी इनपुट रंग से काफ़ी भिन्न हो सकता है। सटीक रंगों की आवश्यकता वाले डिज़ाइन कार्य के लिए, सीधे हेक्स या RGB मान का उपयोग करें। रंग के नाम अनुमान, दस्तावेज़ीकरण और मानव संवाद के लिए सबसे अच्छे होते हैं।
अवधारणात्मक और गणितीय रंग दूरी में क्या अंतर है?
गणितीय दूरी (RGB यूक्लिडियन) रंग स्थान को एक समान मानती है, लेकिन मानव दृष्टि रंग अंतरों को एक समान रूप से नहीं अनुभव करती। हम हरे रंग के प्रति अधिक और नीले रंग के प्रति कम संवेदनशील होते हैं। Delta E (CIE2000) जैसी अवधारणात्मक दूरी विधियाँ एक अवधारणात्मक रूप से एक समान रंग स्थान में बदलकर इन अंतरों को ध्यान में रखती हैं, ऐसे परिणाम देती हैं जो इस बात से बेहतर मेल खाते हैं कि मनुष्य रंग अंतरों को कैसे देखते हैं।
क्या मैं Pantone रंग नामों का उपयोग कर सकता हूँ?
Pantone रंग हज़ारों नामित रंगों वाली एक स्वामित्व प्रणाली है जिसका उपयोग मुख्य रूप से प्रिंट में होता है। ये CSS या वेब मानकों का हिस्सा नहीं हैं। Pantone और हेक्स रंगों के बीच रूपांतरण अनुमानित होता है क्योंकि Pantone रंग विशिष्ट स्याही सूत्रों और कागज़ों के लिए परिभाषित होते हैं, न कि स्क्रीन प्रदर्शन के लिए। Pantone Color Finder जैसे लाइसेंस प्राप्त उपकरण अनुमानित डिजिटल समकक्ष प्रदान कर सकते हैं।