કલર કોન્ટ્રાસ્ટ ચેકર
લખાણના રંગ અને પૃષ્ઠભૂમિ રંગનો કોન્ટ્રાસ્ટ રેશિયો અને વાંચનક્ષમતા ધોરણ (WCAG AA) મુજબ પાસ/ફેલ તરત તપાસો
વિશેષતાઓ
કોન્ટ્રાસ્ટ રેશિયોની તાત્કાલિક તપાસ
ફક્ત લખાણ અને પૃષ્ઠભૂમિ રંગ દાખલ કરતાં WCAG AA નું પાસ/ફેલ પરિણામ દેખાય છે
પિકર અને કોડ બંનેને સપોર્ટ
HEX, ટૂંકું સ્વરૂપ અથવા rgb() પેસ્ટ કરીને કે રંગ પસંદ કરીને નક્કી કરો
બે કદમાં નમૂના પ્રદર્શન
સામાન્ય લખાણ અને મથાળું ખરેખર કેવાં દેખાય છે તે તરત તપાસો
એક ક્લિકમાં પાસ થતો રંગ
રંગછટા જાળવીને ફક્ત તેજ બદલેલો સૂચિત રંગ તરત લાગુ કરો
ઉપયોગ કેવી રીતે કરવો
લખાણનો રંગ નક્કી કરો
કલર પિકરથી પસંદ કરો અથવા #333333, #333 કે rgb(51, 51, 51) માંથી કોઈ એક સ્વરૂપમાં કલર કોડ દાખલ કરો
પૃષ્ઠભૂમિ રંગ નક્કી કરો
એ જ રીતે પૃષ્ઠભૂમિ રંગ નક્કી કરો. બટન દબાવ્યા વિના દાખલ કરતાં જ પરિણામ અપડેટ થાય છે
રેશિયો, પાસ/ફેલ અને નમૂનો તપાસો
કોન્ટ્રાસ્ટ રેશિયો, સામાન્ય અને મોટા લખાણનું પાસ/ફેલ પરિણામ, ટૂંકું મૂલ્યાંકન અને નમૂના લખાણનો દેખાવ તપાસો
સૂચિત રંગ લાગુ કરીને ફરી તપાસો
ફેલ થાય તો “લખાણનો રંગ … માં બદલો” જેવાં સૂચન બટનથી પાસ થતો રંગ લાગુ કરો. અદલાબદલી બટનથી લખાણ અને પૃષ્ઠભૂમિ રંગની અદલાબદલી પણ કરી શકાય છે
ઉપયોગના કિસ્સાઓ
સ્લાઇડ અને દસ્તાવેજોના રંગ સંયોજનની તપાસ
આંતરિક દસ્તાવેજો કે સ્લાઇડના લખાણ અને પૃષ્ઠભૂમિ રંગ વાંચી શકાય તેવા છે કે નહીં તે બનાવતા પહેલાં તપાસો
વેબસાઇટના રંગ સંયોજનની તપાસ
સાઇટ કે બેનરનું રંગ સંયોજન સુલભતા ધોરણ (WCAG AA) ને સંતોષે છે કે નહીં તે તપાસો
બ્રાન્ડ કલરનો મુખ્ય લખાણમાં ઉપયોગ નક્કી કરવો
બ્રાન્ડ કલરને લખાણના રંગ તરીકે વાપરતી વખતે, મુખ્ય લખાણ માટે તેને કેટલો ઘેરો કરવો તે નક્કી કરો
ફેલ થયેલા રંગ સંયોજનમાં સુધારો
ધ્યાન દોરાયેલા રંગ સંયોજનને રંગછટા જાળવીને પાસ થતા રંગમાં સુધારો
મૂળભૂત જ્ઞાન
કોન્ટ્રાસ્ટ રેશિયો શું છે
કોન્ટ્રાસ્ટ રેશિયો એ લખાણના રંગ અને પૃષ્ઠભૂમિ રંગ વચ્ચેના તેજના તફાવતને 1 : 1 થી 21 : 1 સુધીની સંખ્યામાં દર્શાવતો માપદંડ છે. કાળા અને સફેદનું સંયોજન મહત્તમ 21 : 1 છે, અને એકસરખા રંગો માટે તે લઘુત્તમ 1 : 1 હોય છે.
- ગણતરીની પદ્ધતિ:કોન્ટ્રાસ્ટ રેશિયો મેળવવા બંને રંગોને sRGB ની સાપેક્ષ ચમક (relative luminance) માં ફેરવવામાં આવે છે, પછી વધુ તેજસ્વી અને ઓછા તેજસ્વી રંગની ચમકમાં દરેકમાં 0.05 ઉમેરીને ભાગાકાર કરવામાં આવે છે.
- આંકડાનો અંદાજ:સફેદ પૃષ્ઠભૂમિ (#FFFFFF) સામે, ભૂખરો #777777 નો કોન્ટ્રાસ્ટ રેશિયો 4.47 : 1, #999999 નો 2.84 : 1 અને કાળા (#000000) નો 21 : 1 થાય છે.
WCAG ના AA અને AAA વચ્ચેનો તફાવત
WCAG એ વેબ સામગ્રીની સુલભતા માટેની આંતરરાષ્ટ્રીય માર્ગદર્શિકા છે, જે કોન્ટ્રાસ્ટ રેશિયોની પાસ મર્યાદા AA અને AAA એમ બે સ્તરમાં નક્કી કરે છે.
- AA (પ્રમાણભૂત સ્તર):AA સામાન્ય લખાણ માટે 4.5 : 1 કે વધુ અને મોટા લખાણ માટે 3.0 : 1 કે વધુની માંગ કરતું ધોરણ છે, જેને સામાન્ય વેબસાઇટો લક્ષ્ય તરીકે રાખે છે.
- AAA (વધુ કડક સ્તર):AAA સામાન્ય લખાણ માટે 7 : 1 કે વધુ અને મોટા લખાણ માટે 4.5 : 1 કે વધુની માંગ કરતું ધોરણ છે, જેનો હેતુ ઓછી દૃષ્ટિવાળા લોકો માટે પણ સરળતાથી વાંચી શકાય તેવું બનાવવાનો છે.
મોટા લખાણની વ્યાખ્યા
WCAG માં મોટું લખાણ એટલે આશરે 18 પોઇન્ટ (24px) કે વધુ, અથવા બોલ્ડમાં 14 પોઇન્ટ (આશરે 18.7px) કે વધુ કદનું લખાણ.
- સામાન્ય લખાણ:સામાન્ય લખાણ એ મોટા લખાણની વ્યાખ્યામાં ન આવતા કદનું લખાણ છે, જેમાં મુખ્ય લખાણ અને ટિપ્પણીઓ જેવું વાંચન સમાવિષ્ટ છે, અને તેને 4.5 : 1 કે વધુ કોન્ટ્રાસ્ટ રેશિયોની જરૂર છે.
- મથાળાં સાથેનો સંબંધ:મથાળું પણ 24px થી નાનું હોય અને બોલ્ડ ન હોય તો તેને સામાન્ય લખાણ ગણવામાં આવે છે, તેથી ફક્ત કદ જ નહીં પણ જાડાઈ પણ તપાસવી જરૂરી છે.
સુરક્ષા અને ગોપનીયતા
સંપૂર્ણપણે બ્રાઉઝરમાં
દાખલ કરેલો ડેટા ફક્ત તમારા બ્રાઉઝરમાં જ પ્રોસેસ થાય છે અને બહાર મોકલવામાં આવતો નથી.
બ્રાউઝર અંદર જ પ્રક્રિયા
કોન્ટ્રાસ્ટ રેશિયોની ગણતરી અને રંગનાં સૂચનો તમારા બ્રાુઝર અંદર સંપૂર્ણ રીતે કરવામાં આવે છે અને ઇનપુટ ડેટા સર્વર પર મોકલવામાં આવતો નથી.
સંચાર HTTPS દ્વારા એનક્રિપ્ટ કરવામાં આવે છે
પૃષ્ઠનું લોડિંગ પણ TLS દ્વારા એનક્રિપ્ટ કરવામાં આવે છે અને તૃતીય પક્ષ દ્વારા સામગ્રી વાંચવામાં આવતી નથી.
તૃતીય પક્ષને મોકલવામાં આવતું નથી
જાહેરાત નેટવર્ક અથવા ટ્રેકર જેવી બાહ્ય સેવાઓને ઇનપુટ સામગ્રી મોકલવામાં આવતી નથી.
પરિણામનું સ્વયંસંચાલિત સાચવણી નથી
દાખલ કરેલા લખાણ અને પૃષ્ઠભૂમિ રંગ અથવા ઇનપુટ સંભાવનાઓને સર્વર પર સંગ્રહ કરવામાં આવતી નથી.
Google શોધમાં RAKKOTOOLSને ફોલો કરો
194 ઉપયોગી ટૂલ્સ Google શોધ અને AI શોધમાં સરળતાથી શોધી શકાશે!
- શોધમાં મળે છે
- AI શોધમાં પણ દેખાય છે
- નવા ટૂલ્સ પણ શોધો
અપડેટ માહિતી
- update #337
કલર કોન્ટ્રાસ્ટ ચેકર ઉમેર્યું, ટેક્સ્ટ રંગ અને બેકગ્રાઉન્ડ રંગની વાંચનક્ષમતાનું મૂલ્યાંકન
