Live readability check. With JavaScript enabled you can pick a color or type a hex code and instantly see how it reads as text on white and on black, and how white and black text read on it, with the WCAG 2 ratio and the APCA Lc for each pairing. It loads on a random color, so try your own next.
None of this needs to slow you down. Pick a foreground and a background, read the WCAG ratio and the APCA score, and nudge whichever color moves more easily until both clear the bar. It is the same pass we run on every theme before it ships, which is why the text stays readable long after the wallpaper stops being the thing you notice. For conversions, color schemes and a color blindness simulator alongside this check, open the color tool.
Visit https://codigrate.com with JavaScript enabled for the full experience.