🎨 Color Picker

Pick any color and get it in HEX, RGB, HSL, HSV and CMYK. Click the preview to open the browser color picker.

CSS Output

📐 Palette Generator

Generate harmonious color palettes from any base color. Click a swatch to copy its HEX.

Base color

Harmony type

🌈 Gradient Maker

Create beautiful CSS gradients and copy the code.

Color 1

Color 2

Color 3 (optional)

Angle135°

Type

✓ WCAG Contrast Checker

Check color contrast for accessibility (WCAG 2.1 AA/AAA compliance).

Text color

Background color

The quick brown fox jumps over the lazy dog

4.60:1

✓ AA Normal

✗ AAA Normal

✓ AA Large

✓ AAA Large

WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 and 4.5:1.