Color Tools
Create color palettes and test color contrast with built‑in WCAG accessibility checks
Professional Color Tools for UI/UX Design
Generate beautiful color palettes and test color contrast ratios to ensure your designs are both visually appealing and accessible to everyone.
Color Palette Generator
Tip: Click on any color swatch to edit its hex value. Press Enter to apply changes.
Color Format Converter & Accessibility Tester
Sample Text for Contrast Testing
The quick brown fox jumps over the lazy dog.
This is regular body text for testing readability at smaller sizes.
HEX
#e6eaf2
RGB
rgb(230, 234, 242)
HSL
hsl(220, 30%, 93%)
AAA ≥ 7.0 • AA ≥ 4.5 (normal text) • AA‑Large ≥ 3.0.
WCAG Accessibility Guidelines
AAA
Enhanced Contrast
Contrast ratio of 7:1 or higher for normal text
Required for level AAA compliance
AA
Minimum Contrast
Contrast ratio of 4.5:1 or higher for normal text
Required for level AA compliance
AA Large
Large Text
Contrast ratio of 3:1 or higher for large text
18pt+ or 14pt+ bold text