Color format converter
Convert HEX, RGB and HSL colors with alpha transparency, preview the swatch and copy ready-to-use CSS color values.
Color contrast checker
Check WCAG 2.2 text contrast with a live preview and separate AA and AAA results for normal and large text.
Readable text makes the message clear.
Normal text · Aa 123
Contrast ratio
WCAG 2.2 calculation. Transparent backgrounds are composited over white.
About this tool
Check WCAG 2.2 text contrast with a live preview and separate AA and AAA results for normal and large text.
How to use
Enter or pick text and background colors. Normal text requires 4.5:1 for AA and 7:1 for AAA. Large text requires 3:1 and 4.5:1 respectively.
Large text means at least 24px, or approximately 18.67px when bold. Transparent backgrounds are composited over white before the contrast is calculated. This checks color contrast only; it is not a complete accessibility evaluation.
Related tools
CSS gradient generator
Build linear or radial gradients with two to eight editable color stops, a live preview and copyable CSS.
CSS box shadow generator
Adjust offset, blur, spread, color and opacity with a live preview, then copy a box-shadow declaration for an outer or inset shadow.
Aspect ratio calculator
Simplify an image or video aspect ratio and calculate the matching width or height for a target size, with a visual preview.
Comments
0