Convert HEX, RGB, and HSL colors, check WCAG contrast ratios, and generate accessible shade ramps locally.
This preview uses the selected foreground and background colors so you can judge legibility beyond the numeric ratio.
Convert between HEX, RGB, and HSL values from one input.
Check contrast ratio and AA/AAA pass states for text colors.
Generate lighter and darker variants for UI tokens and palettes.
Preview foreground/background combinations at common text sizes.
Copy color values and ramps for CSS variables or design docs.
All color math runs locally with no external service.
The checker uses the WCAG relative luminance contrast formula.
Yes. Copy HEX, RGB, HSL, or shade ramp values into CSS custom properties.
No. It checks color contrast, which is one important part of accessible UI design.