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

તમારા રંગો ચકાસો

ટેક્સ્ટ વાંચી શકાય તેવા માટે WCAG એક્સેસિબિલિટી ધોરણોને પૂર્ણ કરે છે તે સુનિશ્ચિત કરવા માટે રંગ સંયોજનોનું પરીક્ષણ કરો.

1.00:1

કોન્ટ્રાસ્ટ

નિષ્ફળ

ખૂબ જ નબળું

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

AA (4.5:1)

AAA (7:1)

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

AA (3:1)

AAA (4.5:1)

ટેક્સ્ટ રંગ

પૃષ્ઠભૂમિ રંગ

ઝડપી સુધારણા

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

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

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

ટેક્સ્ટ

#2596be

પૃષ્ઠભૂમિ

#ffffff

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 અનુપાલન માટેની શ્રેષ્ઠ રેન્જ દર્શાવે છે. દિશા સંકેતો (વધુ આછા તરફ/વધુ ઘેરા તરફ) તમારા હાલના રંગ સંયોજનના આધારે વધુ સારો કોન્ટ્રાસ્ટ મેળવવામાં મદદ કરે છે.

હા, તમે કોઈપણ હેક્સ રંગ કોડ દાખલ કરી શકો છો અથવા કસ્ટમ રંગો પસંદ કરવા માટે રંગ પીકરનો ઉપયોગ કરી શકો છો. URL આપમેળે અપડેટ થાય છે જેથી તમે ચોક્કસ રંગ સંયોજનો શેર કરી શકો.