Free Color Tools — Palette Generator, Converter & Accessibility Checker
Create harmonious palettes, extract colors from images in your browser, convert HEX/RGB/HSL with alpha support, check WCAG contrast, simulate color blindness, save favorites, and export production-ready color systems.
--color-accent: #C084FC;
--color-success: #34D399;
Privacy checklist
- ✓Your images and colors are processed locally by your browser — never uploaded.
- ✓No account, no signup, no daily limits.
- ✓Favorites and history stay in your browser's localStorage.
- ✓No ads, no tracking, no analytics.
Color Palette Generator
Generate 5–8 colors, lock swatches, extract from images, simulate color blindness, and export clean design tokens.
HEX · RGB · HSL Converter
Real-time bidirectional conversion with alpha support, native color picker, and quick-copy production formats.
HEX
RGB / RGBA
HSL / HSLA
Contrast Checker
Check text/background contrast for WCAG 2.1/2.2 AA and AAA with live previews and practical suggestions.
Text color
Background
Results
History & Favorites
Recently used colors and favorites are saved locally in your browser with localStorage.
Recent Colors
Favorite Colors
Favorite Palettes
How it works
Three steps from base color to production-ready design tokens — all in your browser.
1. Generate
Pick a base color and harmony mode — analogous, complementary, triadic, and more — or let Surprise Me choose. Lock swatches you like before regenerating.
2. Refine & check
Convert any color between HEX, RGB, and HSL, extract palettes from your own images, simulate color blindness, and verify WCAG AA/AAA contrast.
3. Export
Copy CSS variables, Tailwind config, SCSS, or JSON — or download the palette as SVG or PNG. Everything is generated locally; nothing is uploaded.
Where does your data go? Nowhere.
Upload-based color tools
- ✗ Your images are sent to a remote server for palette extraction
- ✗ Accounts required to save palettes (e.g. Coolors)
- ✗ Analytics, tracking cookies, and email harvesting
- ✗ Daily limits and paywalls on exports
Prescosoft — 100% client-side
- ✓ Image extraction runs on-device via Canvas — never uploaded
- ✓ Favorites and history saved only in your browser's localStorage
- ✓ No account, no signup, no tracking, no analytics
- ✓ Unlimited exports and generations, free forever
Frequently Asked Questions
Answers to common questions about color palettes, format conversion, accessibility, and exporting color systems.
How does the color palette generator work? ▾
The palette generator creates 5–8 harmonious colors using color theory algorithms: analogous, complementary, triadic, tetradic, monochromatic, shades/tints, or random harmonious. You set a base color and mode, click Generate, and optionally lock swatches you like before regenerating. Each swatch shows HEX, RGB, and HSL values with one-click copy.
What is the WCAG contrast ratio requirement? ▾
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for AAA compliance. Large text (18pt+ bold or 24pt+ regular) requires 3:1 for AA and 4.5:1 for AAA. The contrast checker calculates the exact ratio using relative luminance and shows pass/fail for all four thresholds simultaneously with live text previews.
Can I extract a color palette from an image? ▾
Yes. Upload any image and the tool uses the browser's Canvas API to sample prominent colors and build a palette. The image is processed entirely locally — nothing is uploaded to a server. This works with photos, screenshots, artwork, and design mockups. The extracted palette loads directly into the generator for further refinement.
What is color blindness simulation and why does it matter? ▾
Color blindness simulation shows how your palette appears to people with protanopia (red-blind), deuteranopia (green-blind), or tritanopia (blue-blind). About 8% of men and 0.5% of women have some form of color vision deficiency. Testing your palette against these simulations helps ensure your interfaces remain distinguishable and accessible to all users.
Does the HEX/RGB/HSL converter support alpha transparency? ▾
Yes. The converter handles RGBA (rgba(125, 211, 252, 0.5)) and HSLA (hsla(199, 95%, 74%, 0.5)) with a dedicated opacity slider from 0–100%. Conversions update bidirectionally in real time across all three formats. You can also use the native color picker for visual selection.
What export formats are available for developers? ▾
Palettes can be exported or copied as CSS custom properties (--color-1: #7DD3FC), Tailwind config objects (colors: { brand1: '#7DD3FC' }), SCSS variables ($color-1: #7DD3FC), JSON design tokens, SVG swatch files, or PNG images. All formats are production-ready and can be pasted directly into your codebase or design system.
Are my saved colors and palettes stored online? ▾
No. Favorites and saved palettes are stored only in your browser's localStorage on your device. Unlike Coolors (which requires an account for saving palettes), Prescosoft needs no account, no login, and no server communication. Clear your browser data and everything resets.