रंग विरोधाभास तपासक

तुमचे रंग तपासा

मजकूर वाचनक्षमता सुनिश्चित करण्यासाठी WCAG प्रवेशयोग्यता मानकांची पूर्तता करण्यासाठी रंग संयोजनांची चाचणी करा.

1.00:1

विरोधाभास

अयशस्वी

खूप खराब

सामान्य मजकूर

AA (4.5:1)

AAA (7:1)

मोठा मजकूर

AA (3:1)

AAA (4.5:1)

मजकूर रंग

पार्श्वभूमी रंग

त्वरित दुरुस्त्या

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

चपळ तपकिरी कोल्हा आळशी कुत्र्यावर उडी मारतो

लहान मजकूर उदाहरण (12px)

मजकूर

#ffffff

पार्श्वभूमी

#018786

WCAG मानके

पातळी AA

सामान्य मजकूरासाठी किमान 4.5:1 विरोधाभास गुणोत्तर आणि मोठ्या मजकूरासाठी 3:1. बहुतेक वेबसाइट्ससाठी आवश्यक.

पातळी 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 स्लायडर्स
अनेक पूर्वावलोकन स्वरूप

प्रगत साधने

स्वयंचलित रंग दुरुस्ती
मजकूर आणि पार्श्वभूमी नमुने
रंग नाव शोध
परिणाम निर्यात करा

वारंवार विचारले जाणारे प्रश्न

WCAG AA अनुपालनासाठी, सामान्य मजकुरासाठी किमान 4.5:1 विरोधाभास गुणोत्तर आवश्यक आहे, तर मोठ्या मजकुरासाठी (18pt किंवा 14pt ठळक) 3:1 आवश्यक आहे.

WCAG AAA ला उच्च विरोधाभास गुणोत्तर आवश्यक आहे: सामान्य मजकुरासाठी 7:1 आणि मोठ्या मजकुरासाठी 4.5:1, तर AA साठी अनुक्रमे 4.5:1 आणि 3:1.

तुमच्या डिझाइनचा हेतू कायम ठेवत मजकूर किंवा पार्श्वभूमी रंग समायोजित करण्यासाठी आमचे स्वयं-दुरुस्ती वैशिष्ट्य वापरा, किंवा AA/AAA अनुपालनासाठी इष्टतम क्षेत्रे दर्शविणाऱ्या दृश्य निर्देशकांसह HSL स्लायडर वापरून रंग हाताने समायोजित करा.

हिरवी क्षेत्रे आणि AA/AAA चिन्हे WCAG अनुपालन साध्य करण्यासाठी इष्टतम श्रेणी दर्शवतात. दिशादर्शक सूचना (उजळ/गडद) तुमच्या सध्याच्या रंग संयोजनावर आधारित अधिक चांगल्या विरोधाभासाकडे मार्गदर्शन करतात.

हो, तुम्ही कोणताही HEX रंग कोड प्रविष्ट करू शकता किंवा स्वतःचे रंग निवडण्यासाठी रंग निवडक वापरू शकता. URL आपोआप अद्यतनित होते, त्यामुळे तुम्ही विशिष्ट रंग संयोजन शेअर करू शकता.