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

અમારું કલર કોન્ટ્રાસ્ટ ચેકર કેવી રીતે કામ કરે છે

RGB હેક્સ મૂલ્યોનો ઉપયોગ કરીને તમારા અગ્રભૂમિ અને પૃષ્ઠભૂમિ રંગો દાખલ કરો અથવા તેમને સીધા રંગ પીકર વડે પસંદ કરો.

• ફોરગ્રાઉન્ડ રંગ કેટલો પારદર્શક છે તે બદલવા માટે આલ્ફાને સમાયોજિત કરો.
• રંગને હળવો અથવા ઘાટો બનાવવા માટે હળકાશ સ્લાઇડરનો ઉપયોગ કરો.

અમારું સાધન પછી કોન્ટ્રાસ્ટ રેશિયોની ગણતરી કરે છે અને તેને WCAG માર્ગદર્શિકા સામે તપાસે છે:

• WCAG 2.0 લેવલ AA
• સામાન્ય બોડી ટેક્સ્ટ માટે ઓછામાં ઓછું 4.5:1
• મોટા ટેક્સ્ટ માટે ઓછામાં ઓછું 3:1
• WCAG 2.1 (UI અને ગ્રાફિક્સ)
• ઓછામાં ઓછા 3:1 ચિહ્નો, બોર્ડર્સ અને અન્ય ઈન્ટરફેસ ઘટકો માટે
• WCAG લેવલ AAA
• સામાન્ય ટેક્સ્ટ માટે ઓછામાં ઓછું 7:1
• મોટા ટેક્સ્ટ માટે ઓછામાં ઓછું 4.5:1

મોટા લખાણ નો અર્થ થાય છે:

• 14 pt (લગભગ 18.66 px) અને બોલ્ડ, અથવા
• 18 pt (લગભગ px) અથવા મોટા

તમારી સ્ક્રીન પરની કોઈપણ વસ્તુમાંથી ચોક્કસ રંગો મેળવવા માટે તમે કલર પીકરમાં આઇડ્રોપર નો ઉપયોગ કરી શકો છો.

અલગ દેખાવા માટે એકલા રંગ પર આધાર રાખતી લિંક્સ માટે, અમારા રંગ કોન્ટ્રાસ્ટ ચેકરનો ઉપયોગ કરો જેથી તેઓ સુલભતા ધોરણોને પૂર્ણ કરે અને દરેક માટે વાંચવામાં સરળ રહે.