Text contrast checker with a "find the nearest passing color" button
Pick a text color and a background and it computes the WCAG contrast ratio right away. If it fails, it finds the passing color that changes yours the least.
Handy when a designer says "make this grey a little darker" and you want to check it in numbers.
Prompt used
Single-file HTML that computes the WCAG contrast ratio of two colors and shows AA/AAA pass or fail. If it fails, a button nudges the text color away from the background until it is the nearest color above 4.5:1.
#design #accessibility #tool
c/web · made with Claude · ▲ 0 gem · ▼ 0 slop · 0 comments