Free high contrast generator
Generate readable foreground and background combinations with WCAG and APCA validation built in.
Start generatingWCAG
14.31
APCA
87
Features
The accessible high contrast generator
WCAG and APCA
Read contrast using both WCAG ratio and APCA for the current pair.
Color blindness check
Preview foreground and background under common color vision simulations.
Open in other tools
Send the same colors to the palette or shadcn generator to keep working there.
Generation history
Move backward and forward through recent generated pairs.
Auto-generation
Generate new pairs with the keyboard shortcut or auto controls.
Export
CSS, SCSS, JavaScript, JSON, CSV, XML, SVG, image, or shareable URL.
Lock one color
Fix either the foreground or background and regenerate the other only.
Viral products havethree colors
Huebert generates high-contrast color schemes of background, foreground, and primary for beautiful and accessible UIs.
Generate your schemeFAQ
Frequently Asked Questions
Is the high contrast generator free?
Yes! Generate accessible color pairs, adjust harmonies and hue ranges, lock colors, export, and more — all for free. Saving themes to your library is a Pro feature.
What is WCAG contrast?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors. Our generator ensures your colors meet these standards for accessible design.
What is APCA contrast?
APCA (Accessible Perceptual Contrast Algorithm) is a modern contrast method proposed for WCAG 3. It measures how readable text is against a background based on human perception. Our generator shows APCA values so you can check that your colors meet accessibility standards.
Can I export my colors?
Yes! Export as CSS, SCSS, JavaScript, JSON, CSV, XML, SVG, images, or share via URL.
Can I customize the generation?
Yes. Adjust color harmonies and hue & saturation ranges to guide the generator. You can also lock one color and regenerate only the other.