#55AA55
#55AA55
हरा परिवार · #5a5, #55AA55 का तीन अंकों वाला संक्षिप्त रूप है। CSS में दोनों एक ही रंग हैं।
| HEX | #55AA55 |
|---|---|
| RGB | 85, 170, 85 |
| HSL | 120°, 33%, 50% |
| CMYK | 50%, 0%, 50%, 33% |
| सापेक्ष चमक | 0.31 |
कोड दबाकर कॉपी करें
टेक्स्ट कंट्रास्ट
Aa
सफ़ेद पर
2.89:1 AA से कम
Aa
काले पर
7.27:1 AA पास
साथ जँचने वाले रंग
पूरक रंग
#AA55AA
समान रंग
#80AA55#55AA80
त्रिकोण संयोजन
#5555AA#AA5555
शेड सीढ़ी
50100200300400500600700800
वर्णांधता में कैसा दिखेगा
प्रोटानोपियाड्यूटेरानोपियाट्राइटानोपिया
कैसे पढ़ें
- हेक्स कोड लाल, हरे और नीले को दो-दो हेक्साडेसिमल अंकों में लिखता है। #ff0000 का मतलब लाल पूरा और बाक़ी शून्य।
- HSL रंग-कोण (0–360°), संतृप्ति और चमक बताता है। रंग को हल्का करना एक ही संख्या बदलना है, इसलिए हाथ से सँभालना आसान रहता है।
- टेक्स्ट कंट्रास्ट WCAG के हिसाब से है। सामान्य आकार के अक्षरों को 4.5:1 चाहिए और सफ़ेद-काले का 21:1 अधिकतम है।
- वर्णांधता वाली पंक्ति तीन तरह की रंग-दृष्टि में इस रंग की गणना करती है — इसीलिए जानकारी को केवल रंग से नहीं बाँटना चाहिए।
आम सवाल
Q. क्या #5a5 और #55AA55 एक ही रंग हैं?
हाँ। CSS तीन अंकों वाले हेक्स के हर अंक को दोहरा देता है, इसलिए #5a5 फैलकर #55AA55 बन जाता है। तीन अंकों में केवल 4,096 रंग लिखे जा सकते हैं और यह उन्हीं में से एक है।
Q. #55AA55 पर किस रंग का टेक्स्ट रखें?
काला टेक्स्ट। सफ़ेद से कंट्रास्ट 2.89:1 और काले से 7.27:1 है, इसलिए बड़ा वाला चुनें — WCAG सामान्य आकार के लिए 4.5:1 माँगता है।
Q. #55AA55 के सबसे नज़दीक कौन-सा नामित रंग है?
काई हरा। यह बिलकुल एक जैसा नहीं है, इसलिए जहाँ रंग मायने रखता है वहाँ नाम की जगह हेक्स कोड ही इस्तेमाल करें।