Beta · v0.1.1
Free
Colors
Generator Mode
Start from a color
Or enter base color
Harmony Type
Complementary
Or Extract from Image
Pick a base color above or enter a hex. Try an example to see a palette.
Color Adjustments
Hue: 0°
Saturation: 0%
Lightness: 0%
Contrast Checker
WeableColor uses both the classic WCAG contrast ratio and the newer APCA score. WCAG tells you if a pair passes AA/AAA, while APCA models how people actually perceive contrast in modern interfaces.
Foreground Color
Background Color
Color Blindness
Actions
Test
Contrast Analysis
Visual Preview
Sample Text for Contrast Testing
Contrast Results
WCAG Ratio
0.0:1
APCA Score
0
Status