ରଙ୍ଗ କଣ୍ଟ୍ରାଷ୍ଟ ଯାଞ୍ଚକାରୀ

ପ୍ରବେଶଯୋଗ୍ୟତା ସୁନିଶ୍ଚିତ କରିବା ପାଇଁ ଅଗ୍ରଭୂମି ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ମଧ୍ୟରେ ବିପରୀତ ଅନୁପାତ ପରୀକ୍ଷା କରନ୍ତୁ।

1.00:1
ବିପରୀତ
Fail
ବହୁତ ଗରିବ

ସାଧାରଣ ପାଠ୍ୟ

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

ବଡ଼ ପାଠ

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff7e00

ଶୀଘ୍ର ସମାଧାନ

Aa

ଟାଇଟଲ୍ ପ୍ରିଭ୍ୟୁ କରନ୍ତୁ

ଦ୍ରୁତ ମାଟିଆ ଶୃଗାଳଟି ଅଳସୁଆ କୁକୁର ଉପରେ ଡେଇଁ ପଡୁଛି

ଛୋଟ ଟେକ୍ସଟ୍ ଉଦାହରଣ (12px)

ଟେକ୍ସଟ୍
#000000
ପୃଷ୍ଠଭୂମି
#ff7e00

WCAG ମାନକ

Level AA

ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ ସର୍ବନିମ୍ନ ବିପରୀତ ଅନୁପାତ 4.5:1 ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 3:1। ଅଧିକାଂଶ ୱେବସାଇଟ୍ ପାଇଁ ଆବଶ୍ୟକ।

Level AAA

ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ 7:1 ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 4.5:1 ର ବର୍ଦ୍ଧିତ ବିପରୀତ ଅନୁପାତ। ସର୍ବୋତ୍ତମ ପ୍ରବେଶଯୋଗ୍ୟତା ପାଇଁ ସୁପାରିଶ କରାଯାଇଛି।

ସମସ୍ତ ପାଠ୍ୟ ଆକାର ପାଇଁ ଖରାପ ବିପରୀତ |

ରଙ୍ଗ କଣ୍ଟ୍ରାସ ଚେକର୍ |

ପାଠ୍ୟ ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗର ବିପରୀତ ଅନୁପାତ ଗଣନା କରନ୍ତୁ |

ପାଠ୍ୟ ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ପାଇଁ ରଙ୍ଗ ଚୟନକର୍ତ୍ତା ବ୍ୟବହାର କରି ଏକ ରଙ୍ଗ ବାଛନ୍ତୁ କିମ୍ବା RGB ଷୋଡଶମିକ ଫର୍ମାଟରେ ଏକ ରଙ୍ଗ ପ୍ରବେଶ କରନ୍ତୁ (ଯଥା, # 259 କିମ୍ବା # 2596BE) | ରଙ୍ଗ ବାଛିବା ପାଇଁ ଆପଣ ସ୍ଲାଇଡରକୁ ଆଡଜଷ୍ଟ କରିପାରିବେ | ୱେବ୍ କଣ୍ଟେଣ୍ଟ୍ ଆକ୍ସେସିବିଲିଟି ଗାଇଡଲାଇନ (WCAG) ର ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ଗାଇଡଲାଇନ ଅଛି ଯାହା ଦର୍ଶକମାନଙ୍କ ପାଇଁ ପାଠ୍ୟ ପଠନୀୟ କି ନୁହେଁ ତାହା ଜାଣିବାରେ ସାହାଯ୍ୟ କରେ | ତୁଳନାତ୍ମକ ଅନୁପାତରେ ରଙ୍ଗ ମିଶ୍ରଣକୁ ମାନଚିତ୍ର କରିବା ପାଇଁ ଏହି ମାନଦଣ୍ଡ ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ଆଲଗୋରିଦମ ବ୍ୟବହାର କରେ | ଏହି ସୂତ୍ର ବ୍ୟବହାର କରି, WCAG କହିଛି ଯେ ପାଠ୍ୟ ସହିତ 4.5: 1 ରଙ୍ଗ ବିପରୀତ ଅନୁପାତ ଏବଂ ଏହାର ପୃଷ୍ଠଭୂମି ନିୟମିତ (ଶରୀର) ପାଠ୍ୟ ପାଇଁ ପର୍ଯ୍ୟାପ୍ତ ଅଟେ, ଏବଂ ବଡ଼ ପାଠ୍ୟ (18+ pt ନିୟମିତ, କିମ୍ବା 14+ pt ବୋଲ୍ଡ) ଅତିକମରେ 3: 1 ରଙ୍ଗ ବିପରୀତ ଅନୁପାତ |

ପ୍ରମୁଖ ବୈଶିଷ୍ଟ୍ୟଗୁଡ଼ିକ

  • ବାସ୍ତବ-ସମୟ ବିପରୀତ ଅନୁପାତ ଗଣନା
  • WCAG AA ଏବଂ AAA ଅନୁପାଳନ ଯାଞ୍ଚ
  • ଫାଇନ୍-ଟ୍ୟୁନିଂ ପାଇଁ HSL ସ୍ଲାଇଡରଗୁଡ଼ିକ
  • ଏକାଧିକ ପ୍ରିଭ୍ୟୁ ଫର୍ମାଟ୍

ବିକଶିତ ଉପକରଣଗୁଡିକ

  • ସ୍ୱୟଂଚାଳିତ ରଙ୍ଗ ସମାଧାନ
  • ଟେକ୍ସଟ୍ ଏବଂ ପୃଷ୍ଠଭୂମି ନମୁନାଗୁଡ଼ିକ
  • ରଙ୍ଗର ନାମ ଚିହ୍ନଟକରଣ
  • ଫଳାଫଳଗୁଡ଼ିକୁ ଏକ୍ସପୋର୍ଟ କରନ୍ତୁ