"I love Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!"
www.contrast-ratio.com VS www.gqak.com
2022-05-08 07:40:38
Contrast ratioBackground:Text color:?How to useAs you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over.This sample text attempts to visually demonstrate how readable this color combination is, for normal, italic, bold, or bold italic text of various sizes and font styles.Hint: Press the up and down keyboard arrows while over a number inside a functional color notation. Watch it increment/decrement. Try with the Shift or Alt key too!By Lea Verou• WCAG 2.1 on contrast ratio↔ Swap colorsStar
