Resultado de búsqueda
This tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible. Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).
Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. Enter an Alpha value to adjust the transparency of the foreground color. Use the Lightness slider to adjust the perceived lightness of the color.
Check the contrast between different colour combinations against WCAG standards.
Contrast Checker Make sure your color choices are as accessible as possible by checking the contrast ratio of your background and text colors.
A WCAG color contrast checker compares a foreground color and background color to give you a contrast ratio. This is extremely useful in addressing WCAG accessibility requirements for your designs and website.
Check the contrast between colors using WCAG or APCA and get suggestions for better colors in hex, RGB, HSL or HWB.
Check the contrast between colors using WCAG or APCA and get suggestions for better colors if needed.
Calculate the contrast ratio of text and background colors. This page provides free color contrast analysis tools that will display the color contrast issues of a web page or chosen color-pair; per WCAG 2.1 guidelines.
Color Contrast Checker tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible. Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).
Color Contrast Checker. Button boundaries are not required mandatorily to fulfill these contrast criteria. Better examples might be slider bars and knobs, switches, toggles and other controls that need more graphical cues to work than a text label or icon alone. Contrast Text on Control. Text ↔︎ Control on Background on White.
