सञ्चालन
साइन इन / दर्ता गर्नुहोस्
common.you_need_to_be_loggedin_to_add_tool_in_favorites
रङ कन्ट्रास्ट परीक्षक
विज्ञापन
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
हाम्रो रङ कन्ट्रास्ट परीक्षकसँग परीक्षण गर्न तल आफ्नो रङ संयोजनहरू प्रविष्ट गर्नुहोस् र तिनीहरूले पहुँच मापदण्डहरू पूरा गर्छन् कि गर्दैनन् तुरुन्तै हेर्नुहोस्।
हाम्रो रङ कन्ट्रास्ट परीक्षकले कसरी काम गर्छ
RGB हेक्स मानहरू प्रयोग गरेर आफ्नो अग्रभूमि र पृष्ठभूमि रङहरू प्रविष्ट गर्नुहोस्, वा तिनीहरूलाई सीधा रङ चयनकर्ता मार्फत छान्नुहोस्।
- अग्रभूमि रंग कति पारदर्शी छ परिवर्तन गर्न अल्फा समायोजन गर्नुहोस्।
- रंगलाई हल्का वा गाढा देखाउन लाइटनेस स्लाइडर प्रयोग गर्नुहोस्।
हाम्रो उपकरणले कन्ट्रास्ट अनुपात गणना गर्छ र यसलाई WCAG दिशानिर्देशहरू विरुद्ध जाँच गर्छ:
- WCAG 2.0 स्तर AA
- कम्तिमा 4.5:1 सामान्य शरीर पाठको लागि
- कम्तिमा 3:1 ठूलो पाठको लागि
- WCAG 2.1 (UI र ग्राफिक्स)
- कम्तिमा 3:1 आइकनहरू, बोर्डरहरू, र अन्य इन्टरफेस अवयवहरूको लागि
- WCAG स्तर AAA
- कम्तिमा 7:1 सामान्य पाठको लागि
- कम्तिमा 4.5:1 ठूलो पाठको लागि
ठूलो पाठ भनेको या त:
- 14 pt (लगभग 18.66 px) र बोल्ड, वा
- 18 pt (px बारे) वा ठूलो
तपाईँले आफ्नो स्क्रिनमा कुनै पनि कुराबाट सही रङहरू प्राप्त गर्न रङ पिकरमा आइड्रोपर प्रयोग गर्न सक्नुहुन्छ।
अलग देखिन रङमा भर परेका लिङ्कहरूका लागि, तिनीहरूले पहुँच मापदण्डहरू पूरा गर्छन् र सबैका लागि पढ्न सजिलो हुन्छ भनी सुनिश्चित गर्न हाम्रो रङ कन्ट्रास्ट परीक्षक प्रयोग गर्नुहोस्।