Colour harmonies, image extraction, WCAG contrast, and hex · rgb · hsl · oklch conversion. No libraries, all math done here.
Pick a base colour to generate harmonies and a tints/shades ramp. Click any swatch to copy its hex.
Upload an image. Pixels are sampled on a canvas and quantized into frequency buckets to surface the top colours.
Foreground text on a background. Uses the WCAG relative-luminance formula.
Large heading sample
Body text sample: the quick brown fox jumps over the lazy dog. 0123456789.
Type a colour as hex, rgb(), hsl() or oklch() in any field, the rest stay in sync.