रङ्ग विरोध जाँचकर्ता

पृष्ठभूमि र अग्रभूमि रङ्गहरूको विरोध अनुपात परीक्षण गरेर पहुँच सुनिश्चित गर्नुहोस्।

1.00:1
विरोध
Fail
धेरै कमजोर

सामान्य पाठ

AA (4.5:1)
AAA (7:1)

ठूलो पाठ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Cornflower Lilac
#ffb0ac

छिटो सुधारहरू

Aa

पूर्वावलोकन शीर्षक

चाँडो खैरो लोमडी सुस्त कुकुरमाथि हाम फाल्छ

सानो पाठ उदाहरण (12px)

पाठ
#ffffff
पृष्ठभूमि
#ffb0ac

WCAG मापदण्डहरू

Level AA

सामान्य पाठको लागि न्यूनतम विरोध अनुपात 4.5:1 र ठूलो पाठको लागि 3:1। अधिकांश वेबसाइटहरूको लागि आवश्यक।

Level AAA

सामान्य पाठको लागि 7:1 को उन्नत विरोध अनुपात र ठूलो पाठको लागि 4.5:1। इष्टतम पहुँचको लागि सिफारिस गरिएको।

सबै पाठ आकारहरूको लागि अपर्याप्त कन्ट्रास्ट - WCAG मापदण्डहरूमा असफल।

रंग कन्ट्रास्ट चेकर

पाठ र पृष्ठभूमि रङ्गहरूको विरोध अनुपात गणना गर्नुहोस्।

पाठ र पृष्ठभूमि रङ्गको लागि रङ्ग चयन गर्न रङ्ग चयनकर्ता प्रयोग गर्नुहोस् वा RGB हेक्साडेसिमल ढाँचामा रङ्ग प्रविष्ट गर्नुहोस् (जस्तै, #259 वा #2596BE)। रङ्ग चयन गर्न स्लाइडर समायोजन गर्न सक्नुहुन्छ। वेब सामग्री पहुँच दिशानिर्देश (WCAG) ले दृष्टिवान प्रयोगकर्ताहरूको लागि पाठ पढ्न योग्य छ कि छैन भनेर पत्ता लगाउन मद्दत गर्न विशिष्ट दिशानिर्देश छ। यस मापदण्डले विशेष एल्गोरिदम प्रयोग गरेर रङ्ग संयोजनहरूलाई तुलनात्मक अनुपातमा म्याप गर्दछ। यस सूत्रको प्रयोग गरेर, WCAG ले पाठ र यसको पृष्ठभूमिसँग 4.5:1 रङ्ग विरोध अनुपात नियमित (शरीर) पाठको लागि पर्याप्त छ भनी बताउँछ, र ठूलो पाठ (18+ pt नियमित, वा 14+ pt बोल्ड) मा कम्तिमा 3:1 रङ्ग विरोध अनुपात हुनुपर्छ।

मुख्य विशेषताहरू

  • रियल-टाइम कन्ट्रास्ट अनुपात गणना
  • WCAG AA & AAA अनुपालन जाँच
  • सूक्ष्म समायोजनको लागि HSL स्लाइडरहरू
  • धेरै पूर्वावलोकन ढाँचाहरू

उन्नत उपकरणहरू

  • स्वचालित रंग सुधार
  • पाठ र पृष्ठभूमि नमूनाहरू
  • रंग नाम पहिचान
  • परिणामहरू निर्यात गर्नुहोस्