કલર પિકર અને કોન્ટ્રાસ્ટ તપાસક

કલર પિકર અને કોન્ટ્રાસ્ટ તપાસક કેવી રીતે વાપરવું

તે શું ગણે છે અને ક્યારે વાપરવું

HEX, RGB, HSL, HSV અને CMYK વચ્ચે રંગ પસંદ અને રૂપાંતરિત કરે છે, આછા-ઘેરા શેડ અને મેળ ખાતા રંગો સૂચવે છે, અને WCAG ઍક્સેસિબિલિટી માર્ગદર્શિકા સામે ટેક્સ્ટ કોન્ટ્રાસ્ટ તપાસે છે.

તેને કેવી રીતે વાપરવું, પગલાવાર

1. પિકરથી રંગ પસંદ કરો કે તેને HEX, RGB, HSL કે રંગના નામ તરીકે લખો.
2. કોન્ટ્રાસ્ટ તપાસવા પૃષ્ઠભૂમિનો રંગ પસંદ કરો.
3. કોઈપણ ફોર્મેટ એક ક્લિકમાં કૉપિ કરો.
4. પેલેટ માટે આછા-ઘેરા શેડ અને મેળ ખાતા રંગો વાપરો.

દરેક ઇનપુટનો અર્થ

• રંગ – #2443C8, SmartCalcy વાદળીથી શરૂ થાય છે.
• પૃષ્ઠભૂમિ – સફેદથી શરૂ થાય છે.

પરિણામો કેવી રીતે વાંચવાં

• કોન્ટ્રાસ્ટ રેશિયો – 1:1 થી 21:1 સુધી, સામાન્ય અને મોટા ટેક્સ્ટ માટે AA અને AAA પરિણામ સાથે.
• ફોર્મેટ – HEX, RGB, HSL, HSV અને CMYK.
• આછા અને ઘેરા શેડ – વધુ આછાં અને વધુ ઘેરાં રૂપ.
• મેળ ખાતા રંગો – પૂરક, સમાન અને ત્રિકોણીય (triadic).

સૂત્ર

કોન્ટ્રાસ્ટ ગુણોત્તર = (L1 + 0.05) ÷ (L2 + 0.05), જ્યાં L1 અને L2 એ આછા અને ઘેરા રંગોની સાપેક્ષ પ્રકાશમાનતા છે. WCAG AA માટે સામાન્ય ટેક્સ્ટમાં 4.5:1 અને મોટા ટેક્સ્ટમાં 3:1 જોઈએ; AAA માટે 7:1 અને 4.5:1.

ઉકેલેલું ઉદાહરણ

શરૂઆતના રંગો સાથે, સફેદ પર #2443C8નો કોન્ટ્રાસ્ટ ગુણોત્તર 7.74:1 છે, જે બધા ટેક્સ્ટ કદ માટે AAA પાસ કરે છે.

ધારણાઓ અને મર્યાદાઓ

• CMYK મૂલ્યો સાદું રૂપાંતર છે, કલર-મેનેજ્ડ પ્રિન્ટ પ્રોફાઇલ નહીં.
• કોન્ટ્રાસ્ટ પરિણામ WCAG 2 સૂત્ર પ્રમાણે છે.

સામાન્ય ભૂલો

• ફક્ત મોટા ટેક્સ્ટ પર કોન્ટ્રાસ્ટ તપાસીને નાના ટેક્સ્ટ માટે એ રંગ વાપરવો.
• અર્થ બતાવવા ફક્ત રંગ પર આધાર રાખવો.

વારંવાર પૂછાતા પ્રશ્નો

સંબંધિત સાધનો