Color Picker — HEX, RGB & HSL
Pick any color and get HEX, RGB, and HSL values. Click on a value to copy it.
Pick a color visually and get instant HEX, RGB, and HSL values, ready to paste into CSS, design tools, or brand guidelines. Colors are the same regardless of format — these are just three ways of writing them.
How to pick a color and get its codes
- Click the color swatch to open your browser’s native picker, or type a value directly.
- The tool converts live: change HEX and the RGB/HSL values update.
- Copy any format with its copy button and paste into your CSS or design tool.
HEX vs RGB vs HSL
All three notations above describe the same purple. HEX is compact and ubiquitous in CSS; RGB maps directly to screen channels; HSL (hue, saturation, lightness) is easiest for humans — want a darker variant? Just lower the L.
#6C5CE7 → rgb(108, 92, 231) → hsl(248, 74%, 63%)Frequently asked questions
Are picked colors exact across devices?
The values are mathematically exact, but screens render colors differently depending on display calibration and color profiles.
Can I enter an RGB value and get HEX?
Yes — enter any supported format and the equivalents update live.
Does it support alpha transparency?
The picker works with solid colors. For transparency use rgba()/hsla() in CSS and adjust the alpha channel manually.