Color Picker
Use the color input to pick a color. We show the hex code, RGB, and HSL. You can also type a hex value to preview. Copy any format with one click.
Pick color
Hex: #3498db | RGB: 52, 152, 219 | HSL: 204°, 70%, 53%
How it works
We read the color input (or parsed hex), convert to RGB and HSL with simple math, and display all three formats.
When to use it
Use when you need a color value in a specific format for CSS or design tools.
Frequently asked questions
- Alpha? The native color input is RGB only. For rgba/hex8, use RGB to HEX or a dedicated tool.