Color Picker
Pick colors and convert between HEX, RGB, and HSL. Free, no signup.
How It Works
Use the color picker or type a value in any format (HEX, RGB, or HSL). All three formats update automatically. Click Copy to copy any value to your clipboard.
Color Formats Explained
HEX uses a # followed by 6 hexadecimal digits (e.g. #3b82f6). It is the most common format in CSS and design tools.
RGB defines a color by its red, green, and blue components, each ranging from 0 to 255 (e.g. rgb(59, 130, 246)).
HSL defines a color by hue (0-360 degrees), saturation (0-100%), and lightness (0-100%). It is often more intuitive for adjusting colors.
Common Colors in Every Format
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
| White | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| Red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| Green | #00ff00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| Blue | #0000ff | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| Gray | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
Common Uses
Designers and developers use it to grab a HEX code for CSS, translate a brand color from RGB to HSL, or fine-tune a shade by nudging lightness. It is also handy for matching a color across tools that only accept one format.
Frequently Asked Questions
How do I convert a HEX color to RGB?
Type or paste the HEX value into the HEX field, or use the color picker. The RGB and HSL fields update automatically, so you instantly get the rgb() equivalent. Click Copy next to any field to copy that value.
Can I enter a color in RGB or HSL instead of HEX?
Yes. Each field is editable. Type an RGB value like rgb(59, 130, 246) or an HSL value like hsl(217, 91%, 60%) and the other formats, the swatch, and the picker all update to match.
What is the difference between HEX, RGB, and HSL?
HEX is a # followed by six hexadecimal digits and is the most common in CSS. RGB sets red, green, and blue from 0 to 255. HSL sets hue (0-360 degrees), saturation, and lightness (each 0-100%), which is often easier for tweaking a color by hand.
Does the color picker work offline and keep my data private?
Yes. All conversions run in your browser with JavaScript. Nothing is uploaded or stored on a server, so the tool works even without a connection once the page has loaded.
Is this a cryptographically secure random color generator?
No. This tool picks and converts colors you choose; it does not generate random colors. It uses no randomness at all, so there is nothing random or secure to configure here.