WCAG Accessibility Checker
Check if your text and background colors meet WCAG 2.1 requirements. Helps catch contrast issues before launch.
Preview
Sample Text
This is how your text will look
Small text example
Contrast Ratio
21:1
AA Normal
✓ Pass
AA Large
✓ Pass
AAA Normal
✓ Pass
AAA Large
✓ Pass
Color Format Converter
Switch between HEX, RGB, HSL, and CMYK formats. Useful when moving colors between design tools or preparing files for print.
Color Information
Colorblind Simulator
Preview your designs as seen by users with protanopia, deuteranopia, and six other color vision conditions.
Smart Palette Generator
Create color schemes using monochromatic, triadic, or complementary rules. Save the ones you like for later.
Palette History
No saved palettes yet
Gradient Generator
Build linear, radial, or conic gradients with live preview. Get clean CSS code you can paste right into your project.
What You Get
Six tools that cover the most common color tasks in web and app design
Accessibility Testing
Check contrast ratios against WCAG standards
Vision Simulation
See colors through 8 different color vision conditions
Quick Conversions
Switch between HEX, RGB, HSL, and CMYK
Code Export
Download palettes as CSS, Tailwind, JSON, or Swift
Local Storage
Your palette history stays saved in your browser
Color Theory
Build schemes using tried-and-true harmony rules
Works Offline
No server needed - everything runs in your browser
Stays Private
Colors never leave your device