#AACCFF
#AACCFF
नीला परिवार · #acf, #AACCFF का तीन अंकों वाला संक्षिप्त रूप है। CSS में दोनों एक ही रंग हैं।
| HEX | #AACCFF |
|---|---|
| RGB | 170, 204, 255 |
| HSL | 216°, 100%, 83% |
| CMYK | 33%, 20%, 0%, 0% |
| सापेक्ष चमक | 0.59 |
कोड दबाकर कॉपी करें
टेक्स्ट कंट्रास्ट
Aa
सफ़ेद पर
1.64:1 AA से कम
Aa
काले पर
12.79:1 AA पास
साथ जँचने वाले रंग
पूरक रंग
#FFDCA8
समान रंग
#A8F6FF#B1A8FF
त्रिकोण संयोजन
#FFA8CB#CBFFA8
शेड सीढ़ी
50100200300400500600700800
वर्णांधता में कैसा दिखेगा
प्रोटानोपियाड्यूटेरानोपियाट्राइटानोपिया
कैसे पढ़ें
- हेक्स कोड लाल, हरे और नीले को दो-दो हेक्साडेसिमल अंकों में लिखता है। #ff0000 का मतलब लाल पूरा और बाक़ी शून्य।
- HSL रंग-कोण (0–360°), संतृप्ति और चमक बताता है। रंग को हल्का करना एक ही संख्या बदलना है, इसलिए हाथ से सँभालना आसान रहता है।
- टेक्स्ट कंट्रास्ट WCAG के हिसाब से है। सामान्य आकार के अक्षरों को 4.5:1 चाहिए और सफ़ेद-काले का 21:1 अधिकतम है।
- वर्णांधता वाली पंक्ति तीन तरह की रंग-दृष्टि में इस रंग की गणना करती है — इसीलिए जानकारी को केवल रंग से नहीं बाँटना चाहिए।
आम सवाल
Q. क्या #acf और #AACCFF एक ही रंग हैं?
हाँ। CSS तीन अंकों वाले हेक्स के हर अंक को दोहरा देता है, इसलिए #acf फैलकर #AACCFF बन जाता है। तीन अंकों में केवल 4,096 रंग लिखे जा सकते हैं और यह उन्हीं में से एक है।
Q. #AACCFF पर किस रंग का टेक्स्ट रखें?
काला टेक्स्ट। सफ़ेद से कंट्रास्ट 1.64:1 और काले से 12.79:1 है, इसलिए बड़ा वाला चुनें — WCAG सामान्य आकार के लिए 4.5:1 माँगता है।
Q. #AACCFF के सबसे नज़दीक कौन-सा नामित रंग है?
पेरिविंकल। यह बिलकुल एक जैसा नहीं है, इसलिए जहाँ रंग मायने रखता है वहाँ नाम की जगह हेक्स कोड ही इस्तेमाल करें।