रंग
कलर पिकर
कोई रंग चुनो, hex/rgb/hsl + कंट्रास्ट पाओ।
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- सफ़ेद के मुक़ाबले
- 4.52 · AA
- काले के मुक़ाबले
- 4.64 · AA
बारे में
कोई भी रंग चुनो और उसके hex, RGB और HSL मान देखो, साथ ही काले और सफेद के मुकाबले WCAG कंट्रास्ट अनुपात भी।
कैसे इस्तेमाल करें
- नेटिव पिकर खोलने के लिए कलर स्वैच पर क्लिक करो, या कोई hex कोड टाइप करो।
- RGB और HSL मान पढ़ो।
- काले और सफेद के मुकाबले WCAG कंट्रास्ट अनुपात जाँचो।
उदाहरण
- पक्का करो कि कोई ब्रांड रंग तुम्हारे बैकग्राउंड पर AA कंट्रास्ट छू रहा है।
- Photoshop के किसी HSL को उस hex कोड में बदलो जो तुम्हें CSS के लिए चाहिए।
- ह्यू को थोड़ा घुमाकर पूरक रंगों का अंदाज़ा लगाओ।
सामान्य सवाल
AA / AAA का मतलब क्या है?
WCAG कंट्रास्ट ग्रेड। AA को बॉडी टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए। AAA को 7:1 चाहिए — सबसे ऊँचा मानक।
दो कंट्रास्ट रीडिंग क्यों?
ताकि तुम एक नज़र में देख सको कि उस बैकग्राउंड पर काला टेक्स्ट चलेगा या सफेद।