रङ कन्ट्रास्ट चेकर

पाठ रङ र पृष्ठभूमि रङको कन्ट्रास्ट अनुपात र पठनीयता मान (WCAG AA) को पास/फेल तुरुन्त जाँच गर्नुहोस्

विशेषताहरू

कन्ट्रास्ट अनुपात तुरुन्त जाँच गर्नुहोस्

पाठ रङ र पृष्ठभूमि रङ प्रविष्ट गरेर WCAG AA पास/फेल प्रदर्शन गर्नुहोस्

पिकर र कोड दुवै समर्थन

HEX, छोटो रूप, rgb() को टाँस्नुहोस् र रङ चयन गरेर निर्दिष्ट गर्नुहोस्

दुई साइजको नमूना प्रदर्शन

सामान्य पाठ र शीर्षकको वास्तविक दृश्यता तुरुन्त जाँच गर्नुहोस्

पास हुने रङ एक क्लिकमा

रङ संरक्षण गरेर चमकलाई परिवर्तन गरेको सुझाव रङ तुरुन्त लागू गर्नुहोस्

कसरी प्रयोग गर्ने

1

पाठ रङ निर्दिष्ट गर्नुहोस्

रङ पिकरबाट छान्नुहोस् वा #333333, #333 वा rgb(51, 51, 51) मध्ये कुनै पनि फर्म्यातमा रङ कोड प्रविष्ट गर्नुहोस्

2

पृष्ठभूमि रङ निर्दिष्ट गर्नुहोस्

सोही तरिकामा पृष्ठभूमि रङ निर्दिष्ट गर्नुहोस्। बटन दबाउनु नपर्दै प्रविष्टीसँगै नतिजा अद्यावधिक हुन्छ

3

अनुपात, पास/फेल र नमूना जाँच गर्नुहोस्

कन्ट्रास्ट अनुपात, सामान्य पाठ र ठूलो पाठको पास/फेल, एक वाक्य मूल्यांकन, नमूना पाठको दृश्यता जाँच गर्नुहोस्

4

सुझाव रङ लागू गरेर पुनः जाँच गर्नुहोस्

फेल हले "पाठ रङ ... मा परिवर्तन गर्नुहोस्" जस्तो सुझाव बटनबाट पास हुने रङ लागू गर्नुहोस्। स्वाप बटनबाट पाठ रङ र पृष्ठभूमि रङ आदान प्रदान पनि गर्न सक्नुहुन्छ

प्रयोग केस

स्लाइड र सामग्रीको रङ जाँच गर्नुहोस्

आन्तरिक सामग्री वा स्लाइडको पाठ रङ र पृष्ठभूमि रङ पढन सकिने कि सकिने निर्माणको अगावै जाँच गर्नुहोस्

वेबसाइटको रङ जाँच गर्नुहोस्

साइट वा ब्यानरको रङ पहुँचयोग्यता मान (WCAG AA) पूरा गर्छ कि गर्दैन जाँच गर्नुहोस्

ब्रान्ड रङको मुख्य पाठ प्रयोग निर्णय

ब्रान्ड रङलाई पाठ रङमा प्रयोग गर्दा, मुख्य पाठमा प्रयोग गर्न कति गहिरो बनाउनु पर्छ भनेर निर्णय गर्नुहोस्

फेल हुने रङ सुधार गर्नुहोस्

निर्दिष्ट गरिएको रङलाई रङ संरक्षण गरेर पास हुने रङमा सुधार गर्नुहोस्

आधारभूत ज्ञान

कन्ट्रास्ट अनुपात भनेको के हो

कन्ट्रास्ट अनुपात भनेको पाठ रङ र पृष्ठभूमि रङको चमकको अन्तर 1:1 देखि 21:1 सम्मको संख्यामा व्यक्त गरिएको सूचक हो। कालो र सेतोको मिश्रण सबैभन्दा अधिक 21:1 हुन्छ र एकै रङदोरोले सबैभन्दा न्यून 1:1 हुन्छ।

  • गणना प्रणाली:कन्ट्रास्ट अनुपात सRGB को सापेक्ष चमकमा दुई रङ परिवर्तन गर्नुहोस्, उज्ज्वल रङको चमक र गहिरो रङको चमकमा क्रमश 0.05 जोडेर विभाजन गरिएको मान हो।
  • संख्याको संकेत:सफेद पृष्ठभूमि (#FFFFFF) मा, खैरो #777777 को 4.47:1, #999999 को 2.84:1, कालो (#000000) को 21:1 कन्ट्रास्ट अनुपात हुन्छ।

WCAG को AA र AAA को भिन्नता

WCAG वेब सामग्रीको पहुँचयोग्यतासम्बन्धी अन्तर्राष्ट्रिय दिशानिर्देश हो, जसले कन्ट्रास्ट अनुपातको पास रेखा AA र AAA दुई चरणमा निर्धारण गर्छ।

  • AA (मानक स्तर):AA सामान्य पाठमा 4.5:1 वा बढी, ठूलो पाठमा 3.0:1 वा बढी अपेक्षा गर्ने मान हो, जो सामान्य वेबसाइटले लक्ष्य गर्ने स्तर हो।
  • AAA (अझ कठोर स्तर):AAA सामान्य पाठमा 7:1 वा बढी, ठूलो पाठमा 4.5:1 वा बढी अपेक्षा गर्ने मान हो, जो कम दृष्टि भएका व्यक्तिका लागि पनि पढन सजिलो हुनु भन्ने लक्ष्य गर्ने स्तर हो।

ठूलो पाठको परिभाषा

WCAG को ठूलो पाठ भनेको लगभग १८ बिन्दु (24px) वा बढी, वा बोल्ड १४ बिन्दु (लगभग 18.7px) वा बढी पाठ हो।

  • सामान्य पाठ:सामान्य पाठ भनेको ठूलो पाठको परिभाषामा नपर्ने साइजको पाठ हो, मुख्य पाठ र टिप्पणी जस्तो पढाइको सामग्रीमा लागू हुन्छ, र 4.5:1 वा बढी कन्ट्रास्ट अनुपात आवश्यक छ।
  • शीर्षकसँगको सम्बन्ध:शीर्षकमा पनि 24px भन्दा कम र बोल्ड नभएमा सामान्य पाठको रूपमा गरिन्छ, यसकारण साइज मात्र नभएर बोल्डनेस पनि जाँच गरिनु आवश्यक छ।

सुरक्षा र गोपनीयता

ब्राउजरमै पूर्ण

प्रविष्ट गरिएको डेटा तपाईंको ब्राउजरभित्र मात्र प्रशोधन हुन्छ र बाहिर पठाइँदैन।

ब्राउजरमा मात्र प्रशोधन

कन्ट्रास्ट अनुपातको गणना र रङको सुझाव सबै तपाईंको ब्राउजर भित्रमा गरिन्छ, इनपुट डेटा सर्भरमा पठाइँदैन।

संचार HTTPS द्वारा इन्क्रिप्ट गरिएको

पेज लोडिङ पनि TLS द्वारा इन्क्रिप्ट गरिन्छ र तेस्रो पक्षले सामग्री पढ्न सक्दैन।

तेस्रो पक्षमा पठाइँदैन

विज्ञापन नेटवर्क वा ट्र्याकर जस्ता बाह्य सेवामा इनपुट सामग्री पठाइँदैन।

परिणामको स्वचालित संरक्षण छैन

प्रविष्ट गरिएको पाठ रङ वा पृष्ठभूमि रङ वा इनपुट सुझाव सर्भरमा संरक्षण गरिँदैन।

Google खोजमा RAKKOTOOLS पछ्याउनुहोस्

194वटा सुविधाजनक उपकरणहरू, Google खोज र AI खोजबाट सजिलै खोज्न सकिनेछ!

  • खोजमा पाइन्छ
  • AI खोजमा पनि देखिन्छ
  • नयाँ उपकरण पनि खोज्न सकिन्छ

अद्यावधिक जानकारी

सम्बन्धित उपकरणहरू