Color Picker
Pick colors and convert between HEX, RGB, and HSL formats.
HEX
RGB
HSL
CSS
Preview
Text on Color
Colored Text
Color Border
Key Features
- Pick any colour from a visual spectrum and get its HEX, RGB, and HSL values instantly.
- Converts between HEX, RGB, HSL, and HSV colour formats in real time.
- Displays a live colour preview as you adjust hue, saturation, and lightness sliders.
- Copies any colour format to the clipboard with a single click.
- Shows complementary, analogous, and triadic colour suggestions for design work.
- Runs entirely in the browser with no external requests.
Frequently Asked Questions
How do I convert a HEX colour code to RGB?
Paste the HEX code into the HEX input field and the tool will instantly display the equivalent RGB and HSL values. All formats update simultaneously.
What is the difference between HSL and HSV?
HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) are both cylindrical colour models. HSL is more intuitive for web design; HSV is common in image editing software like Photoshop.
Can I use this tool to find colours for CSS?
Yes. CSS supports HEX, RGB, and HSL colour syntax. This tool provides all three formats, ready to paste directly into your stylesheet.