Color Converter

Convert colors between HEX, RGB, and HSL — pure client-side, nothing leaves your browser.

HEX (like #ff0000) is the most common color format on the web — short and easy to share. RGB expresses a color as three 0-255 intensities for red, green, and blue, which is convenient when a program needs to work with each channel directly. HSL instead describes a color by Hue, Saturation, and Lightness, so nudging just the lightness (or saturation) gives you a consistent shade of the same color — handy for building color scales or themes.

Your color is parsed and converted only in your browser. Nothing is uploaded.

Input color

Preview

HEX

RGB

HSL

FAQ

What's the difference between HEX, RGB, and HSL?: They all represent the same color, just written differently. HEX is a compact hexadecimal string; RGB gives the red/green/blue channel intensities directly; HSL describes a color by hue, saturation, and lightness, which makes it easier to produce lighter or darker shades of the same hue.
Why can't the color picker pick a transparent color?: The browser's native picker (a type="color" input) only supports 6-digit HEX and has no alpha channel. For a color with transparency, type an 8-digit HEX (e.g. #ff000080) or an rgba()/hsla() string directly into the text field.
What input formats are supported?: 3/4/6/8-digit HEX (e.g. #fff, #ffff, #ffffff, #ffffffff), rgb()/rgba(), and hsl()/hsla() syntax — case-insensitive.