રંગ કોન્ટ્રાસ્ટ તપાસનાર

સુલભતા સુનિશ્ચિત કરવા માટે ફોરગ્રાઉન્ડ અને બેકગ્રાઉન્ડ રંગો વચ્ચે કોન્ટ્રાસ્ટ રેશિયોનું પરીક્ષણ કરો.

1.00:1
કોન્ટ્રાસ્ટ
Fail
ખૂબ જ ગરીબ

સામાન્ય ટેક્સ્ટ

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

મોટું લખાણ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#2196f3

ઝડપી સુધારાઓ

Aa

પૂર્વાવલોકન શીર્ષક

ઝડપી ભૂરા શિયાળ આળસુ કૂતરા પર કૂદી પડે છે

નાના ટેક્સ્ટનું ઉદાહરણ (૧૨ પિક્સેલ)

ટેક્સ્ટ
#ffffff
પૃષ્ઠભૂમિ
#2196f3

WCAG ધોરણો

Level AA

સામાન્ય ટેક્સ્ટ માટે ન્યૂનતમ કોન્ટ્રાસ્ટ રેશિયો 4.5:1 અને મોટા ટેક્સ્ટ માટે 3:1. મોટાભાગની વેબસાઇટ્સ માટે જરૂરી.

Level AAA

સામાન્ય ટેક્સ્ટ માટે 7:1 અને મોટા ટેક્સ્ટ માટે 4.5:1 નો વધારેલ કોન્ટ્રાસ્ટ રેશિયો. શ્રેષ્ઠ સુલભતા માટે ભલામણ કરેલ.

તમામ ટેક્સ્ટ માપો માટે નબળો કોન્ટ્રાસ્ટ.

કલર કોન્ટ્રાસ્ટ ચેકર

ટેક્સ્ટ અને બેકગ્રાઉન્ડ કલરના કોન્ટ્રાસ્ટ રેશિયોની ગણતરી કરો.

ટેક્સ્ટ અને પૃષ્ઠભૂમિ રંગ માટે રંગ પીકરનો ઉપયોગ કરીને રંગ પસંદ કરો અથવા RGB હેક્સાડેસિમલ ફોર્મેટમાં રંગ દાખલ કરો (દા.ત., #259 અથવા #2596BE). તમે રંગ પસંદ કરવા માટે સ્લાઇડરને સમાયોજિત કરી શકો છો. વેબ કન્ટેન્ટ એક્સેસિબિલિટી ગાઇડલાઇન્સ (WCAG) પાસે એક ચોક્કસ માર્ગદર્શિકા છે જે એ સમજવામાં મદદ કરે છે કે ટેક્સ્ટ જોનારા વપરાશકર્તાઓ માટે વાંચી શકાય છે કે કેમ. આ માપદંડ તુલનાત્મક ગુણોત્તરમાં રંગ સંયોજનોને મેપ કરવા માટે ચોક્કસ અલ્ગોરિધમનો ઉપયોગ કરે છે. આ સૂત્રનો ઉપયોગ કરીને, WCAG જણાવે છે કે ટેક્સ્ટ અને તેની પૃષ્ઠભૂમિ સાથેનો 4.5:1 કલર કોન્ટ્રાસ્ટ રેશિયો નિયમિત (બોડી) ટેક્સ્ટ માટે પૂરતો છે અને મોટા ટેક્સ્ટ (18+ pt રેગ્યુલર, અથવા 14+ pt બોલ્ડ)માં ઓછામાં ઓછું 3 હોવું જોઈએ: 1 રંગ કોન્ટ્રાસ્ટ રેશિયો.

મુખ્ય વિશેષતાઓ

  • રીઅલ-ટાઇમ કોન્ટ્રાસ્ટ રેશિયો ગણતરી
  • WCAG AA અને AAA પાલન ચકાસણી
  • ફાઇન-ટ્યુનિંગ માટે HSL સ્લાઇડર્સ
  • બહુવિધ પૂર્વાવલોકન ફોર્મેટ

અદ્યતન સાધનો

  • આપોઆપ રંગ ફિક્સિંગ
  • ટેક્સ્ટ અને પૃષ્ઠભૂમિ નમૂનાઓ
  • રંગ નામ શોધ
  • પરિણામો નિકાસ કરો