Copied!
🎨 Palette
🌈 Gradient
✅ Contrast
🔄 Converter
🎭 Mixer

Color Palette Generator

Upload any image to extract its dominant colors as a palette.

🖼️
Drop an image here
JPG, PNG, WebP, GIF — any image
💡 Works entirely in your browser — your image never leaves your device.

CSS Gradient Maker

Build linear or radial gradients and copy the CSS instantly.

Direction
Color Stops
Generated CSS

Color Contrast Checker

Check if your color combination meets WCAG accessibility standards.

Large Text Sample
Normal body text — this is how it looks at regular size.
—
Contrast Ratio
💡 AA Normal (4.5:1) is the minimum for body text. AAA (7:1) is ideal. Large text ≥18pt or ≥14pt bold.

Color Format Converter

Type any color in HEX, RGB, or HSL — get all formats instantly.

Click any row to copy
HEX#e11d48📋
RGBrgb(225, 29, 72)📋
HSLhsl(347, 76%, 50%)📋
HSVhsv(347, 87%, 88%)📋
Preset Colors

Color Mixer

Mix two colors together — see every step and copy the result.

50%
💡 Click any swatch to copy its HEX value. Mixing uses linear RGB interpolation for accurate results.