રંગ કોન્ટ્રાસ્ટ ચેકર

એક્સેસિબિલિટી સુનિશ્ચિત કરવા માટે આગળના અને પૃષ્ઠભૂમિના રંગો વચ્ચેનો કોન્ટ્રાસ્ટ રેશિયો પરીક્ષણ કરો.

1.00:1
કોન્ટ્રાસ્ટ
Fail
ખૂબ જ નબળું

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

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

મોટું ટેક્સ્ટ

AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#EF4444
#ef4444

ઝડપી સુધારણા

Aa

પૂર્વદર્શન શીર્ષક

ઝડપી ભૂરા રંગનો લોમડી આળસુ કૂતરાને કૂદે છે

નાનું ટેક્સ્ટ ઉદાહરણ (12px)

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

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 સ્લાઇડર્સ
  • • એકથી વધુ પૂર્વાવલોકન ફોર્મેટ્સ

અદ્યતન સાધનો

  • • સ્વચાલિત રંગ સુધારણા
  • • ટેક્સ્ટ અને પૃષ્ઠભૂમિ નમૂનાઓ
  • • રંગ નામ શોધ
  • • પરિણામો નિકાસ કરો