Color Picker & Converter
Pick a color or convert between Hex, RGB, and HSL formats instantly in your browser.
How to use this tool
A color converter translates a single color between the formats used in different contexts: Hex codes are the standard in CSS and design tools, RGB spells out the red/green/blue channel values used in code and image editors, and HSL (hue, saturation, lightness) is often easier to reason about when adjusting a color's brightness or vibrance. Designers and developers use this to move a color between a design tool, a CSS stylesheet, and a graphics program without doing the math by hand.
For example, the hex code #3B82F6 (a common blue) converts to rgb(59, 130, 246) and hsl(217, 91%, 60%).
Use the color picker, or type a value directly into the Hex, RGB, or HSL field. Whichever field you edit, the other two update automatically to match, along with the live preview swatch.
FAQ
Is this color converter free to use?
Yes, this tool is completely free to use with no limits on how often you can use it.
Does my data get uploaded anywhere?
No. All color conversion happens directly in your browser. Nothing is sent to a server.
Which color formats are supported?
Hex (#rrggbb, or the 3-digit shorthand like #f00), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)).
Why do RGB and HSL sometimes shift by 1 unit after converting back and forth?
Rounding. RGB values are whole numbers from 0-255 and HSL uses whole-number degrees and percentages, so converting between them — especially through several round trips — can shift the result by a single unit due to rounding at each step. This is normal and isn't visually noticeable.