आफ्ना रंगहरू जाँच गर्नुहोस्
पाठ पढ्न योग्यताको लागि WCAG पहुँच मापदण्डहरू पूरा गर्न रङ्ग संयोजनहरू परीक्षण गर्नुहोस्।
तुलना गरिएको: #F39C12 माथि #FFFFFF
पाठ
16px, सामान्य (400)
सामान्य पाठका रूपमा गणना हुन्छ।
AA (WCAG 1.4.3): कम्तीमा 4.5:1
2.31 थप आवश्यक
असफलAAA (WCAG 1.4.6): कम्तीमा 7:1
4.81 थप आवश्यक
असफल
UI कम्पोनेन्ट र ग्राफिक्स
आइकनहरू, इनपुट बर्डरहरू, फोकस संकेतकहरू र इन्टरफेस प्रयोग गर्न आवश्यक अरू भागहरू।
AA (WCAG 1.4.11): कम्तीमा 3:1
0.81 थप आवश्यक
असफल
यो कसरी जाँचिन्छ
- तुलना गरिएका रंगहरू (ब्लेन्ड पछि)
- पाठ #F39C12 माथि पृष्ठभूमि #FFFFFF
- सापेक्ष चमक
- पाठ 0.4287, पृष्ठभूमि 1.0000
- सूत्र
- (L1 + 0.05) / (L2 + 0.05) जहाँ L1 हल्का रंगको चमक हो र L2 अँध्यारो रंगको।
- ठ्याक्कै अनुपात
- 2.1931 अनुपात 1, 2.19 अनुपात 1 को रूपमा देखाइएको। दिइएको मान काटिएको छ, गोलो गरिएको छैन, त्यसैले यो कहिल्यै वास्तविक अवस्थाभन्दा राम्रो देखिंदैन. ठ्याक्कै मान नै आवश्यकता संग तुलना गरिन्छ।
टेक्स्ट आकार: 16px, सामान्य (400)
सामान्य पाठका रूपमा गणना हुन्छ। ठूलो पाठ कम्तीमा 24px (18pt) हुन्छ, वा बोल्ड (तौल 700 वा माथि) भएमा कम्तीमा 18.67px (14pt) हुन्छ। आकारहरू काटेर देखाइन्छन्, गोलो पारिँदैन।
सामान्य पाठका रूपमा गणना हुन्छ। ठूलो पाठ कम्तीमा 24px (18pt) हुन्छ, वा बोल्ड (तौल 700 वा माथि) भएमा कम्तीमा 18.67px (14pt) हुन्छ। आकारहरू काटेर देखाइन्छन्, गोलो पारिँदैन।
छिटो सुधारहरू
चाँडो खैरो लोमडी सुस्त कुकुरमाथि हाम फाल्छ
सानो पाठ उदाहरण (12px)
WCAG मापदण्डहरू
स्तर AA
सामान्य पाठको लागि न्यूनतम विरोध अनुपात 4.5:1 र ठूलो पाठको लागि 3:1। अधिकांश वेबसाइटहरूको लागि आवश्यक।
स्तर AAA
सामान्य पाठको लागि 7:1 को उन्नत विरोध अनुपात र ठूलो पाठको लागि 4.5:1। इष्टतम पहुँचको लागि सिफारिस गरिएको।
रंग कन्ट्रास्ट चेकर
पाठ र पृष्ठभूमि रङ्गहरूको विरोध अनुपात गणना गर्नुहोस्।
पाठ र पृष्ठभूमि रङ्गको लागि रङ्ग चयन गर्न रङ्ग चयनकर्ता प्रयोग गर्नुहोस् वा RGB हेक्साडेसिमल ढाँचामा रङ्ग प्रविष्ट गर्नुहोस् (जस्तै, #259 वा #2596BE)। रङ्ग चयन गर्न स्लाइडर समायोजन गर्न सक्नुहुन्छ। वेब सामग्री पहुँच दिशानिर्देश (WCAG) ले दृष्टिवान प्रयोगकर्ताहरूको लागि पाठ पढ्न योग्य छ कि छैन भनेर पत्ता लगाउन मद्दत गर्न विशिष्ट दिशानिर्देश छ। यस मापदण्डले विशेष एल्गोरिदम प्रयोग गरेर रङ्ग संयोजनहरूलाई तुलनात्मक अनुपातमा म्याप गर्दछ। यस सूत्रको प्रयोग गरेर, WCAG ले पाठ र यसको पृष्ठभूमिसँग 4.5:1 रङ्ग विरोध अनुपात नियमित (शरीर) पाठको लागि पर्याप्त छ भनी बताउँछ, र ठूलो पाठ (18+ pt नियमित, वा 14+ pt बोल्ड) मा कम्तिमा 3:1 रङ्ग विरोध अनुपात हुनुपर्छ।
मुख्य विशेषताहरू
- रियल-टाइम कन्ट्रास्ट अनुपात गणना
- WCAG AA & AAA अनुपालन जाँच
- सूक्ष्म समायोजनको लागि HSL स्लाइडरहरू
- धेरै पूर्वावलोकन ढाँचाहरू
उन्नत उपकरणहरू
- स्वचालित रंग सुधार
- पाठ र पृष्ठभूमि नमूनाहरू
- रंग नाम पहिचान
- परिणामहरू निर्यात गर्नुहोस्