Color and design utilities for web designers and developers. Pick colors, build palettes, generate gradients, check WCAG contrast, and sample colors from images.
WCAG (Web Content Accessibility Guidelines) defines a contrast ratio from 1:1 (no contrast) to 21:1 (black on white). AA requires at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.
It uses the HSL color wheel. The generator picks a base hue and rotates by configurable offsets (analogous, complementary, triadic, tetradic, or monochromatic) to produce a harmonious 5-color palette.
The generator outputs CSS linear-gradient and radial-gradient syntax, ready to paste into a stylesheet. You can copy a two-stop or multi-stop gradient and adjust the angle in 15° increments.
No. The image is loaded into a