Color Picker
Pick, convert, and explore colors in HEX, RGB, and HSL formats
Color Suggestions
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.
Formula
HSL to RGB conversion uses the formula: C = (1 - |2L - 1|) * S, with hue determining the color wheel position
Key Features
- ✓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
Pro Tip
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.
Related tools
Continue your workflow with the next useful tool.
These links stay within the same decision path so you can move to the next calculation without starting over.
How these links are chosen
We only link to closely related pages so each next step supports the same decision.
Report an issue
Found a wrong result, missing option, or confusing explanation? Send it through and we will review the tool.
Report an issue →