How do I lock a color while generating new palettes?

Click the lock icon on any color column to freeze that specific shade. When you press the Spacebar or click Generate, locked colors will remain unchanged while others refresh.

What is WCAG color contrast compliance?

Web Content Accessibility Guidelines (WCAG) specify that text must maintain a minimum contrast ratio of 4.5:1 for standard text (AA level) or 7:1 (AAA level) against its background for accessibility.

Can I export color palettes to CSS and HEX codes?

Yes. Click the Copy icon on any color to copy its HEX code, or click Export CSS to grab clean CSS variables for your frontend project.

UI/UX Design Suite • 100% In-Browser Privacy • WCAG 2.1 Contrast Testing

Free Color Palette Generator & WCAG Contrast Checker

Create 5-color harmonic palettes with spacebar. Lock favorite shades, inspect HEX/RGB/HSL codes, test WCAG AA/AAA text legibility contrast, and export CSS variables.

WCAG 2.1 Contrast Ratio Matrix

Verify readability on white (#FFF) and dark (#183153) backgrounds.

Color Swatch	HEX / RGB	Contrast on White	Contrast on Dark	Accessibility Grade

Free Color Palette Generator & WCAG Contrast Checker

WCAG 2.1 Contrast Ratio Matrix

Explore Related Tools

Aspect Ratio Calculator

Custom QR Code Generator

HTML & CSS Minifier