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

WCAG AA ଏବଂ AAA ବିପକ୍ଷରେ ପୃଷ୍ଠଭୂମି / ପୃଷ୍ଠଭୂମି ବିପରୀତ ଯାଞ୍ଚ କରନ୍ତୁ | ଆପଣ ରଙ୍ଗ ବାଛିବାବେଳେ ଅନୁପାତ ଅପଡେଟ୍ ଦେଖନ୍ତୁ |

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA ଏବଂ AAA ନିର୍ଦ୍ଦେଶାବଳୀ ବିରୁଦ୍ଧରେ ପୃଷ୍ଠଭୂମି / ପୃଷ୍ଠଭୂମି ବିପରୀତ ଯାଞ୍ଚ କରନ୍ତୁ |
ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ |
ବ୍ୟବହାର କରିବାକୁ ମାଗଣା |

କିପରି ବ୍ୟବହାର କରିବେ |

ପାଠ୍ୟ (ପୃଷ୍ଠଭୂମି) ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ବାଛନ୍ତୁ |
ବିପରୀତ ଅନୁପାତ ଏବଂ AA / AAA ଫଳାଫଳ ପ Read ନ୍ତୁ |
ତୁମେ ତୁମର ଲକ୍ଷ୍ୟ ସ୍ତର ପାସ୍ ନକରିବା ପର୍ଯ୍ୟନ୍ତ ଆଡଜଷ୍ଟ କର |

How this tool works

ପାଠ୍ୟ (ପୃଷ୍ଠଭୂମି) ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ବାଛନ୍ତୁ |
ବିପରୀତ ଅନୁପାତ ଏବଂ AA / AAA ଫଳାଫଳ ପ Read ନ୍ତୁ |
ତୁମେ ତୁମର ଲକ୍ଷ୍ୟ ସ୍ତର ପାସ୍ ନକରିବା ପର୍ଯ୍ୟନ୍ତ ଆଡଜଷ୍ଟ କର |

Recommended settings

ପ୍ରଥମେ ଡିଫଲ୍ଟ ବିକଳ୍ପଗୁଡିକ ବ୍ୟବହାର କରନ୍ତୁ, ତାପରେ ଆବଶ୍ୟକ ହେଲେ ଆଡଜଷ୍ଟ କରନ୍ତୁ |

Supported formats

Text / on-page input

File size and limits

ଅତ୍ୟଧିକ ଜଟିଳ ମଲ୍ଟି-ଲେୟାର ପୂର୍ବାବଲୋକନ ପୁରୁଣା ଫୋନରେ ମନ୍ଥର ଅନୁଭବ କରିପାରନ୍ତି |

Privacy

ରଙ୍ଗ ଏବଂ CSS ଜେନେରେଟରଗୁଡ଼ିକ ସମ୍ପୁର୍ଣ୍ଣ ଭାବରେ ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ | ପୂର୍ବାବଲୋକନ ଏବଂ ରୂପାନ୍ତରଗୁଡ଼ିକ କେବେବି ଆପଣଙ୍କର ଶ yles ଳୀ ଅପଲୋଡ୍ କରେ ନାହିଁ |

Common use cases

ଯେତେବେଳେ ଆପଣ ଆବଶ୍ୟକ କରନ୍ତି ରଙ୍ଗ କଣ୍ଟ୍ରାସ ଚେକର୍ ବ୍ୟବହାର କରନ୍ତୁ: WCAG AA ଏବଂ AAA ନିର୍ଦ୍ଦେଶାବଳୀ ବିରୁଦ୍ଧରେ ପୃଷ୍ଠଭୂମି / ପୃଷ୍ଠଭୂମି ବିପରୀତ ଯାଞ୍ଚ କରନ୍ତୁ |

Troubleshooting

ପେଷ୍ଟ ପରେ ପୂର୍ବାବଲୋକନ ଭିନ୍ନ ଦେଖାଯାଏ |

ଆପଣଙ୍କ ପୃଷ୍ଠାରେ ପ୍ରତିଯୋଗୀ CSS ଯାଞ୍ଚ କରନ୍ତୁ (ପୁନ ets ସେଟ୍, ଉତ୍ତରାଧିକାରୀ ରଙ୍ଗ) | ସୃଷ୍ଟି ହୋଇଥିବା ନିୟମକୁ ପ୍ରଥମେ ଏକ ପୃଥକ ଶ yles ଳୀରେ କପି କରନ୍ତୁ |

FAQ

ଏହା ମୋର CSS ଅପଲୋଡ୍ କରେ କି?

ନା। ଜେନେରେଟର ଏବଂ କନଭର୍ଟରଗୁଡ଼ିକ ଲାଇଭ ପ୍ରିଭ୍ୟୁ ସହିତ ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ |

ମୋର ଏକ ଖାତା ଦରକାର କି?

ନା। ଟୁଲ୍ ଖୋଲ, ନିୟନ୍ତ୍ରଣକୁ ଟ୍ୱିକ୍ କର ଏବଂ CSS କୁ କପି କର |