Color Picker
Pick, convert, and explore colors in HEX, RGB, and HSL formats
Methodology & standardsRuns on your device
Inputs
Results update liveHue: 210
Saturation: 80%
Lightness: 55%
Color Suggestions
Interpretation
How Color Theory works
The Color Picker converts between three major color formats: HEX (hexadecimal web colors), RGB (red, green, blue channels), and HSL (hue, saturation, lightness). It also generates color harmony suggestions based on color wheel relationships like complementary (opposite), analogous (adjacent), and triadic (120 degrees apart) colors.
Example
Key features
A realistic scenario showing how the calculation guides a practical decision.
Formula
HSL to RGB conversion uses the formula: C = (1 - |2L - 1|) * S, with hue determining the color wheel position
- Convert between HEX, RGB, and HSL color formats
- Live visual preview of selected color
- Copy any color format to clipboard
- Complementary and analogous color suggestions
- Triadic color harmony generation
- Interactive HSL sliders for intuitive color selection
Watch out
Common mistakes
- When designing for accessibility, ensure a contrast ratio of at least 4.5:1 between text and background colors. Use complementary colors for strong visual impact, and analogous colors for harmonious, cohesive designs.