Professional color tool with 11 major sections, 65+ features, and 23+ formats. Get everything Coolors Pro ($12/mo) and Adobe Color ($10/mo) offer—completely free.
Professional-grade color features that rival premium tools
Interactive HSL canvas with sliders for hue, saturation, lightness, and opacity. Real-time preview with color name display.
Upload images and extract dominant colors. Click any pixel to pick that exact color.
6 color formats with one-click copy: HEX, RGB, HSL, HSV, OKLCH, CMYK.
Generate shades, tints, and tones. 33 variations in Tailwind-style scales.
6 harmony types: Complement, Split-complementary, Triadic, Analogous, Monochromatic, Tetradic.
WCAG AA/AAA compliance checker with live contrast ratio and visual preview.
10 professional formats: HSI, YUV, YCbCr, Adobe RGB, ProPhoto RGB, Rec.709, Rec.2020, DIN99, CAM16, Munsell.
7+ development formats: Print simulation, LED/RGB, Byte orders, Base64, Terminal/ANSI, IRC codes.
8 scientific metrics: Dominance, Spectral, Purity, Primary distance, Metamerism, Brightness, Temperature, Visual weight.
8 types of color vision deficiency simulation with prevalence stats and accessibility tips.
Psychology, culture, nature, historical pigments, and mixing recipes for artists and designers.
Everything you need for color work, design, and development
Click and drag on HSL canvas to pick any color. Real-time preview with color name display and quick copy buttons for HEX, RGB, and HSL.
HEX, RGB, HSL, HSV, OKLCH, CMYK, HSI, YUV, YCbCr, Adobe RGB, ProPhoto RGB, Rec.709, Rec.2020, DIN99, CAM16, Munsell, and more!
Generate 6 types of color combinations based on color theory: Complement, Split-complementary, Triadic, Analogous, Monochromatic, Tetradic.
Automatically generate shades (11 steps), tints (11 steps), and tones (Tailwind 100-900) for building consistent design systems.
Check contrast ratios against WCAG AA/AAA standards. Live contrast calculator with visual preview and pass/fail indicators for accessibility.
See how your colors appear with 8 types of color vision deficiency: Protanopia, Deuteranopia, Tritanopia, Achromatopsia, and more.
Get more features than Coolors Pro and Adobe Color combined—completely free
Professional color tools without the premium price tag
Your colors never leave your device. All processing happens in your browser for maximum privacy and security.
Instant color calculations and real-time updates across all 11 sections. Zero lag, maximum productivity.
Industry-standard color formats and scientific analysis tools used by designers and developers worldwide.
No usage limits, no feature restrictions, no paywalls. Use all 65+ features as much as you need.
Pure vanilla JavaScript. No frameworks, no libraries, no bloat. Just clean, efficient code that works.
Desktop, tablet, or phone—our tool works perfectly on any device. Responsive design from day one.
Professional color tool for designers, developers, and marketers
Create consistent design systems with color variations, check WCAG compliance, test color blindness accessibility, and generate harmonious palettes.
Get exact color codes in 23+ formats, export for Tailwind/CSS, LED values for hardware, ANSI codes for terminals, and development-ready formats.
Understand color psychology, cultural meanings, emotional impact, and season associations to make data-driven brand color decisions.
Get color mixing recipes, historical pigment info, natural occurrences, and digital/physical mixing methods for traditional and digital art.
Start free, upgrade when you need more power
Modern, efficient, and professional
Zero dependencies, 100% vanilla HTML, CSS, and JavaScript
Loads in under 1 second, real-time updates across all sections
All processing happens locally in your browser, zero uploads
Works perfectly on desktop, tablet, and mobile devices
Once loaded, works completely offline with zero internet needed
Keyboard navigation, ARIA labels, screen reader friendly
Join thousands of designers using our professional color tool. Get everything Coolors Pro & Adobe Color offer—completely free forever.