Home

Color Extraction

Drop image or click to upload

Preview

Generation Mode

Export Format

ACCESSIBILITY CHECK
Contrast Testing Preview Text
4.5:1
PASS (AA)

Export Output

/* Select format to see code */

About Chroma Studio

Generating palettes

Create harmonious palettes from colour-theory rules: complementary, analogous, triadic and monochromatic. Or extract the dominant colours from an uploaded image. Export to CSS variables or JSON.

Checking contrast

WCAG 2 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (AA). AAA raises these to 7:1 and 4.5:1. Use the checker to make sure your text is readable for everyone.

Privacy

Uploaded images are processed locally and never leave your device.