Color contrast checker

2023-07-15T11:05-05:00

Screenshot: A widget in which the user can enter as hex triplets (or using the system color-picker) two colors. The widget then shows the relative luminance of each color as well as the contrast ratio and the WCAG 2.0 accessibility ratings for that contrast ratio

I made this color contrast checker. You can specify colors either by entering hex triplets (e.g. #00ffdd) or using your browser’s built-in color-selecting widget. It will compute the contrast ratio and determine if the color contrast meets the WCAG 2.1 accessibility success criterion 1.4.3 (AA) or 1.4.6 (AAA).