Prescosoft logo Prescosoft
🎨 Fast, professional color tools · No accounts. No uploads.

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.

Open Palette Generator Check Accessibility
8Palette colors
AA/AAAWCAG checks
LocalPrivate by design
--color-primary: #7DD3FC;
--color-accent: #C084FC;
--color-success: #34D399;

Color Palette Generator

Generate 5–8 colors, lock swatches, extract from images, simulate color blindness, and export clean design tokens.

🔒 Lock colors before regenerating ⌘ Click HEX to copy

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

Ratio: 15.76:1

Normal Text Preview This text represents body copy and UI labels.
Large Text Preview Large text has different WCAG thresholds.

History & Favorites

Recently used colors and favorites are saved locally in your browser with localStorage.

Recent Colors

Favorite Colors

Favorite Palettes

Why Use One Color Toolkit Instead of Separate Tools?

Most designers switch between 4–5 separate tools: a palette generator like Coolors, a HEX-to-RGB converter, a standalone WCAG contrast checker, and a separate image extraction tool. Prescosoft Color Tools combines all of these in a single page that runs entirely in your browser.

🎨 Palette + Converter

Click any palette swatch HEX to instantly load it into the converter. See RGB, HSL, CSS variables, and Tailwind values — all from one click. No copy-paste between tools.

♿ Accessibility Built-In

The WCAG contrast checker works alongside your palette. Test any two palette colors against each other without a separate checker tool. Color blindness simulation previews all swatches simultaneously.

🔒 Private by Design

Unlike Coolors (which requires an account for saving), Prescosoft stores favorites locally in your browser. Image extraction runs on-device — no photos are uploaded. No analytics, no tracking, no accounts.

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.

Copied