
RandomA11y
An accessible color combo generator producing WCAG/APCA-compliant contrasts with multi-format values and CSS code.
Product Overview
Contrast Checking: Real-time contrast calculation (current 84.948) between background (e.g., #fdf2f8) and foreground (e.g., #831843) WCAG 2.1 and APCA standard validation Color Formats: HEX, RGB, HSL, LAB, LCH, OKLCH, and wide-gamut P3/REC2020 Code Output: CSS variable definitions (--color-1/--color-2) with normal/inverse theme examples One-click code copying for quick design system integration Inverse theme support for versatile application scenarios
label.best_for
UI designers quickly building polished interfaces.
Key Features
- Ready-made UI components
- Figma/Sketch/XD formats
- Responsive layouts
- Customizable design tokens
Pros
- +Real-time collaboration
- +Color palette generation
- +Export to CSS/design tools
- +Accessibility contrast checking
Cons
- -Limited to color generation only
- -May require learning curve

Material UI Color Tool
Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.

Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.

Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.