Color Picker
Pick any color and copy it as HEX, RGB, or HSL.
Color values are processed locally in your browser.
What is color picker?
A visual color picker with live conversion to the three formats developers and designers use most: HEX for CSS and design tools, RGB for code, and HSL for thinking about hue, saturation, and lightness.
Type a HEX value or use the native picker — every format updates instantly and can be copied with one click.
How to use it
-
Pick or type a color
Use the swatch picker or enter a HEX code directly.
-
Copy the format you need
HEX, RGB, and HSL are shown with copy buttons.
Examples
A vivid indigo
One color, three formats.
#4f46e5
Result: rgb(79, 70, 229) · hsl(243, 75%, 59%)
Frequently asked questions
HEX is the most common in CSS and design tools. RGB matches screen pixels and is handy in code. HSL is the most human-readable when adjusting shades.