Color Picker & Harmonies

Select, convert and generate harmonic palettes with an interactive color wheel.

Hue 180°
Saturation 100%
Lightness 50%
Selected Color #6366F1
Color Formats
Color Harmonies
Gradient Settings
deg
CSS Code
background: linear-gradient(90deg, #6366f1 0%, #a855f7 100%);
Presets
Color Selection
Contrast Ratio 4.5:1
Normal Text (AA) Pass
Normal Text (AAA) Fail
Large Text (AA) Pass
Large Text (AAA) Pass
Visual Preview

Headline Sample

This is a live preview showing how your selected text color looks against your background color. Ensure your text is readable for all users.

WCAG Guidelines: AA requires a ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA requires at least 7:1 for normal text and 4.5:1 for large text.

Drag & Drop Image Here

Supports PNG, JPG, JPEG, WEBP

or
Extracted Colors

Upload an image to extract its primary color palette.

No image? Try a demo image: