What color formats does this tool support?

The converter accepts HEX (#1a5cff or shorthand #fff), RGB (rgb(26, 92, 255) or rgba with alpha ignored), and HSL (hsl(225, 100%, 55%)). It outputs all four formats simultaneously: HEX, RGB, HSL, and HSV - so you get the complete picture in one click.

What is the difference between HEX, RGB, HSL, and HSV?

HEX is the most common web format, using a 6-digit hexadecimal code. RGB describes colors as mixtures of Red, Green, and Blue (0-255 each). HSL (Hue, Saturation, Lightness) is intuitive for designers - you adjust lightness without changing the hue. HSV (Hue, Saturation, Value/Brightness) is used in many design applications like Photoshop's color picker.

Can I enter a 3-digit HEX code like #fff?

Yes. 3-digit HEX codes like #fff, #f00, or #abc are automatically expanded to their 6-digit equivalents (#ffffff, #ff0000, #aabbcc). You can enter the value with or without the leading # symbol.

Why is HSL useful for designers?

HSL separates color information (hue) from brightness (lightness) and intensity (saturation), making it very intuitive for creating color variations. To make a color lighter, increase the L value. To create a muted version, lower the S value. CSS also natively supports HSL, so designers often prefer it when building color systems.

Does this support RGBA or HSLA (alpha/transparency)?

The input parser accepts rgba() and hsla() format, but the alpha (transparency) value is ignored in the conversion. The tool focuses on the opaque color value. HEX 8-digit alpha codes (#rrggbbaa) are not currently supported as input.

Is my color data sent to any server?

No. All color parsing and conversion is done entirely in your browser using JavaScript. No data is sent to any server. The tool works offline once the page has loaded.

Color Converter

Convert colors between HEX, RGB, HSL, and HSV formats online. Free color converter with visual preview - instant results.

🔒 Your text stays in your browser - nothing is sent to our servers

Color value

#1A5CFF

HEX#1a5cff

RGBrgb(26, 92, 255)

HSLhsl(223, 100%, 55%)

HSVhsv(223, 90%, 100%)

Preset colors

How to Use

Three steps to get started

Enter a color value

Type or paste a color in any supported format: HEX (#1a5cff), RGB (rgb(26,92,255)), or HSL (hsl(225,100%,55%)).

See the visual preview

A large color swatch updates instantly so you can verify the color visually. All four format conversions appear below.

Copy the format you need

Click the Copy button next to HEX, RGB, HSL, or HSV to copy that specific format to your clipboard.

About This Tool

Color format conversion explained

A color converter translates one numeric description of a color into the others without changing the color itself. Every value this page produces -#1a5cff, rgb(26, 92, 255), hsl(225, 100%, 55%),hsv(225, 90%, 100%) - is the same point in the sRGB color space, just written four different ways. Paste any one of them and the other three appear immediately, alongside a swatch that renders the result.

The four color formats and where they are used:

HEX (#rrggbb): Two hexadecimal digits per channel, so ff is 255 and 00 is 0. The default in CSS, HTML, and brand style guides.
RGB (r, g, b): The same three channels in decimal, 0–255 each, giving 16,777,216 addressable colors. Useful when you need to nudge a single channel by hand.
HSL (h, s%, l%): Hue in degrees on the 0–360° color wheel, plus saturation and lightness as percentages. Pure white is any hue at l: 100%; pure black is l: 0%.
HSV (h, s%, v%): Same hue circle, but the third axis is “value” (maximum channel brightness). Photoshop, GIMP, and Figma pickers are HSV under the hood - which is why their numbers rarely match a CSS hsl() declaration.

Why do HSL and HSV give different numbers for the same color?

This trips up almost everyone moving a value from a design tool into a stylesheet. HSL treats lightness as a symmetric axis: 50% is the most vivid version of a hue, and pushing toward 100% washes it out to white. HSV treats value as a ceiling: 100% is the brightest the hue can get, and white appears only when saturation also drops to zero. Take pure red - HSL calls it hsl(0, 100%, 50%), HSV calls it hsv(0, 100%, 100%). Copying numbers between the two without converting is the usual cause of a “washed out” brand color.

The parser is deliberately forgiving. Three-digit shorthand expands the way browsers do it, so #f0c becomes #ff00cc by doubling each digit rather than padding with zeros, and the leading # is optional. Legacy comma-separated rgba() and hsla() strings parse too, though the alpha channel is dropped - only the opaque color is reported, so eight-digit hex and CSS Color Level 4 space-separated syntax fall outside its scope.

Nothing here needs a network round trip: the arithmetic runs in JavaScript on the page you already loaded, so palette values stay on your machine and conversion keeps working with the connection off.

FAQ

Frequently Asked Questions

Related Tools