Enter the hex value of your background and foreground colors. Colour Contrast CheckĬolour Contrast Check makes it easy for you to know whether your design is WCAG 2 AA or WCAG AAA compliant. At UXPin, you don’t need to search for plugins that will help you with that as it’s already there, in the editor. See if your design tool has a built-in contrast checker to make it easier for you to evaluate the colors you used.
Enter the hex code, CSS color format, or use the color picker tool to get your contrast ratio and determine whether you pass AA or AAA standards.
#Colour contrast analyser online download#
Colour Contrast Analyser (CCA)Ĭolour Contrast Analyser is a free tool that you can download to your computer. The following tools can help you choose colors that improve accessibility for more people. If you don’t have any visual impairments that prevent you from distinguishing colors, you probably can’t identify whether you reach the minimum contrast unless you use a color contrast checker. It explains some of the ways you can help users by using large text and other features. You can learn more about the topic by reading Things every designer needs to know about accessibility.
#Colour contrast analyser online simulator#
You can check your designs in our built-in color blindness simulator and contrast checker that comply with all the WCAG 2 guidelines. Something as simple as picking a different color can help people recognize:Ī color picker that considers accessibility makes it much easier for you to create designs that more people can use. Colorblind people might also have difficulty seeing text and images when you select a color that they do not perceive as the larger population does.
Using a background color that blends in with text color can make it impossible for some people to use your products. WCAG 2.1 (web content accessibility guidelines) and Success Criterion set rules you can follow to make your products more accessible to people with a broad range of vision impairments. Follow WCAG 2 guidelines to make products more accessible
Why color contrast makes your digital products betterĪ color contrast checker can make your digital products better in at least two important ways.