Color Picker
Pick a color and copy HEX, RGB, or HSL. Everything stays in your browser.
Sample text on this color
HEX
RGB
rgb(229, 50, 45)
HSL
hsl(2, 78%, 54%)
R
229
G
50
B
45
Recent
Choose and convert a web color
Pick a color visually or enter a HEX value, then copy equivalent HEX, RGB, and HSL values for CSS, design systems, illustrations, or presentation themes.
Step by step
- Select a color or type a valid six-digit HEX code.
- Compare the converted HEX, RGB, and HSL values.
- Copy the format required by your design or stylesheet.
Common uses
- Translate a brand HEX color into RGB or HSL.
- Explore lighter, darker, or more saturated colors.
- Preview whether light or dark sample text is easier to see.
Good to know
The text preview is a quick visual aid, not a WCAG contrast audit. Check the final foreground and background pair with a dedicated contrast test before publishing accessible interfaces.
Frequently asked questions
Do HEX, RGB, and HSL represent the same color?
Yes. They are different notations for the same sRGB color, apart from small rounding differences.
Are recent colors stored?
Recent choices exist only in the current page session and disappear when the page is refreshed.
Tool and instructions reviewed October 2026.