#AABBFF
#AABBFF
नीला परिवार · #abf, #AABBFF का तीन अंकों वाला संक्षिप्त रूप है। CSS में दोनों एक ही रंग हैं।
| HEX | #AABBFF |
|---|---|
| RGB | 170, 187, 255 |
| HSL | 228°, 100%, 83% |
| CMYK | 33%, 27%, 0%, 0% |
| सापेक्ष चमक | 0.51 |
कोड दबाकर कॉपी करें
टेक्स्ट कंट्रास्ट
Aa
सफ़ेद पर
1.86:1 AA से कम
Aa
काले पर
11.26:1 AA पास
साथ जँचने वाले रंग
पूरक रंग
#FFEEA8
समान रंग
#A8E5FF#C2A8FF
त्रिकोण संयोजन
#FFA8BA#BAFFA8
शेड सीढ़ी
50100200300400500600700800
वर्णांधता में कैसा दिखेगा
प्रोटानोपियाड्यूटेरानोपियाट्राइटानोपिया
कैसे पढ़ें
- हेक्स कोड लाल, हरे और नीले को दो-दो हेक्साडेसिमल अंकों में लिखता है। #ff0000 का मतलब लाल पूरा और बाक़ी शून्य।
- HSL रंग-कोण (0–360°), संतृप्ति और चमक बताता है। रंग को हल्का करना एक ही संख्या बदलना है, इसलिए हाथ से सँभालना आसान रहता है।
- टेक्स्ट कंट्रास्ट WCAG के हिसाब से है। सामान्य आकार के अक्षरों को 4.5:1 चाहिए और सफ़ेद-काले का 21:1 अधिकतम है।
- वर्णांधता वाली पंक्ति तीन तरह की रंग-दृष्टि में इस रंग की गणना करती है — इसीलिए जानकारी को केवल रंग से नहीं बाँटना चाहिए।
आम सवाल
Q. क्या #abf और #AABBFF एक ही रंग हैं?
हाँ। CSS तीन अंकों वाले हेक्स के हर अंक को दोहरा देता है, इसलिए #abf फैलकर #AABBFF बन जाता है। तीन अंकों में केवल 4,096 रंग लिखे जा सकते हैं और यह उन्हीं में से एक है।
Q. #AABBFF पर किस रंग का टेक्स्ट रखें?
काला टेक्स्ट। सफ़ेद से कंट्रास्ट 1.86:1 और काले से 11.26:1 है, इसलिए बड़ा वाला चुनें — WCAG सामान्य आकार के लिए 4.5:1 माँगता है।
Q. #AABBFF के सबसे नज़दीक कौन-सा नामित रंग है?
पेरिविंकल। यह बिलकुल एक जैसा नहीं है, इसलिए जहाँ रंग मायने रखता है वहाँ नाम की जगह हेक्स कोड ही इस्तेमाल करें।