Every Color. Perfectly Dialed.
Pick, generate, and test colors. Build palettes, check contrast ratios, simulate color blindness — all visually, all instantly.
Popular tools
View all 11Color Picker
Visual spectrum picker with HEX, RGB, HSL output and one-click copy
Format Converter
Convert between HEX, RGB, HSL, HSB, CMYK, and CSS color formats
Image Color Extractor
Upload an image and extract the dominant color palette (5-10 colors)
Palette Generator
Generate harmonious palettes — complementary, triadic, analogous, and more
Gradient Generator
Create CSS linear and radial gradients with color stops and copy CSS code
Shades Generator
Generate tints and shades from any base color in a 10-step scale
Random Color
Generate random colors with lock/unlock and export as palette
Color Mixer
Blend two colors with adjustable ratio and see interpolation steps
What you can do
Powerful features, zero learning curve.
Pick & Convert
Visual color picker with HEX, RGB, HSL, HSB, and CMYK output. Copy any format instantly.
Generate Palettes
Create harmonious palettes with complementary, triadic, analogous, and split-complementary schemes.
Test Accessibility
Check WCAG contrast ratios and simulate 8 types of color blindness in real time.
Done in 3 steps
No installs. No signups. Just results.
Pick a Color
Start with any color using the visual picker
Generate & Test
Build palettes and check accessibility
Export
Copy as CSS, Tailwind, or design tokens
All tools
11 free — no limits
Picker & Conversion
3Palette & Generation
5Palette Generator
Generate harmonious palettes — complementary, triadic, analogous, and more
Gradient Generator
Create CSS linear and radial gradients with color stops and copy CSS code
Shades Generator
Generate tints and shades from any base color in a 10-step scale
Random Color
Generate random colors with lock/unlock and export as palette
Color Mixer
Blend two colors with adjustable ratio and see interpolation steps
Accessibility & Utilities
3Contrast Checker
WCAG 2.1 AA/AAA contrast ratio checker for text and background pairs
Color Blindness Simulator
Preview colors as seen by users with protanopia, deuteranopia, and tritanopia
Tailwind Color Finder
Input any color and find the nearest Tailwind CSS class match
Supported formats
Explore more categories
A complete toolkit for developers, designers, and creators — free, private, browser-based.
Browse all categories