Accessibility
Test foreground/background color pairs against WCAG AA and AAA accessibility standards.
Presets
The quick brown fox
Jumps over the lazy dog. This sentence demonstrates how your color combination looks with body text at regular size.
Large text (18pt+)
Upload any image and instantly extract its dominant colors. Copy hex, RGB or HSL values, export as CSS variables, Tailwind config, or JSON.
Convert SVGs to optimized React, Vue, or Angular components with props and a11y.
Build CSS gradients visually — linear, radial and conic. Add stops, adjust angles, copy ready-to-use CSS with one click.