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
Best For
Developers and designers who need WCAG/APCA-compliant color pairs with code-ready CSS output.
Key Features
- Real-time WCAG 2.1 and APCA contrast ratio calculation
- Multi-format color output: HEX, RGB, HSL, LAB, LCH, OKLCH, P3, REC2020
- CSS variable code generation for easy integration
- Random accessible color combination discovery
- Wide-gamut color space support for modern displays
Pros
- +Industry-leading color format support including wide-gamut spaces
- +Instant CSS variable output reduces development friction
- +APCA support alongside traditional WCAG for modern accessibility standards
Cons
- -No palette management or saving functionality
- -Random generation can be hit-or-miss for finding a specific aesthetic
/// SPECS
- Pricing:Free
Mesh Gradients
A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow/pastel/natural styles.
Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.
Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Color Selector
A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.
ColorHuddle
A palette tool with live examples, offering copyable color codes and landing page previews, completely free.
WebGradients
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Supa Palette
A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.
Designgradients
A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.
Colorspace
A color space tool generating gradient color scales for specific hues with chroma and lightness adjustments.
Color Leap
A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.