Convert between HEX, RGB, and HSL with a live preview. Edit any field and the other two update. Runs entirely in your browser.
Accepts #RGB, #RRGGBB, rgb(r,g,b), and hsl(h,s%,l%).
What is a color converter? A color converter translates a single color between the formats designers and developers use — HEX, RGB, and HSL — and shows a live preview so you can confirm it at a glance.
They are three ways to describe the same color. HEX is a six-digit code like #FF0000. RGB lists red, green, and blue from 0 to 255, like rgb(255, 0, 0). HSL lists hue in degrees plus saturation and lightness as percentages, like hsl(0, 100%, 50%). All three can describe identical colors.
Split the six-digit hex code into three pairs and read each pair as a base-16 number. For example #FF0000 splits into FF, 00, 00, which are 255, 0, and 0, giving rgb(255, 0, 0). This tool does it instantly and also shows the HSL value.
The hex color #FF0000 is pure red. In RGB it is rgb(255, 0, 0), and in HSL it is hsl(0, 100%, 50%).
Yes. It accepts three-digit shorthand such as #F00 and expands it to the full six-digit form #FF0000 before converting. The leading hash is optional, and invalid codes are flagged rather than producing a wrong color.