color

See any image the way people with a color vision deficiency see it. Upload a picture and preview protanopia, deuteranopia, tritanopia, the milder anomalous forms and monochromacy next to the original, then download any simulation as a full resolution PNG.

Check two colors against the WCAG contrast rules. Type or pick a text and a background color, read the contrast ratio, see which AA and AAA checks pass, preview real text at the sizes WCAG distinguishes, and get suggested fixes when a check fails.

Convert a color between HEX, RGB, HSL, HSV, HWB, CMYK, OKLCH and OKLAB. Type into any field and the others update as you go, or pick the color visually. Reads CSS color syntax and keeps alpha where the format supports it.

Pull the dominant colors out of any image as a ready-to-copy palette. Choose how many colors you want, copy each one as HEX, RGB or HSL, and export the whole palette at once.

Generate color palettes from a base color using real color harmonies like complementary, analogous, triadic and monochromatic tints and shades. Adjust and lock individual colors, then copy the palette as HEX values, CSS variables or Tailwind config.

Build linear, radial and conic CSS gradients visually: add and drag color stops, set the angle or center, preview the result live and copy the generated CSS. Includes ready-made presets to start from.