Color Picker Tool
Select colors and get their HEX, RGB, and HSL values. Create color palettes and explore color harmonies.
Select a Color
How to use this tool:
- Use the color picker or enter a HEX code
- Adjust RGB values (Red, Green, Blue) manually
- Adjust HSL values (Hue, Saturation, Lightness)
- See the color preview and generated color shades
- Click Copy HEX to copy the color code
- Explore color harmonies and save colors to your palette
Color Preview
Selected Color
Color Shades
Color Harmonies
Complementary
Analogous 1
Analogous 2
Recently Used Colors
About Color Formats
HEX Color
Hexadecimal color codes start with # followed by 6 characters (0-9, A-F). Each pair represents the intensity of red, green, and blue.
RGB Color
RGB (Red, Green, Blue) defines colors by specifying the intensity of each color component, with values ranging from 0 to 255.
HSL Color
HSL (Hue, Saturation, Lightness) represents colors by hue (0-360°), saturation (0-100%), and lightness (0-100%).