What colour formats does the tool support?

The tool converts between HEX (e.g. #3b82f6), RGB (e.g. rgb(59, 130, 246)), HSL, and HSV/HSB.

Is my data sent to a server?

No. All conversion is pure JavaScript running in your browser.

Can I enter colours with transparency (alpha)?

Yes. HEX8, RGBA, and HSLA formats are supported for colours with an alpha channel.

How do I get the CSS value for a colour?

Copy the HEX or HSL value, both are valid in modern CSS. HSL is often preferred for programmatic adjustments because its components map directly to human perception.

Color Converter

Color converter is a browser-based tool for translating color values between HEX, RGB, HSL, and HSV formats simultaneously. Enter any color value or use the visual picker and all equivalent formats appear instantly.

Input

All formats

HEX#3b82f6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

CONVERT

All three formats are shown simultaneously regardless of mode.

Runs entirely in your browser

Dedicated pages

Direct links for each color conversion.

HEX to RGB Converter

Convert HEX color codes to RGB values instantly in your browser. Free. Runs in your browser.

RGB to HEX Converter

Convert RGB color values to HEX color codes instantly in your browser. Free. Runs in your browser.

HEX to HSL Converter

Convert HEX color codes to HSL values instantly in your browser. Free and private.

HSL to HEX Converter

Convert HSL color values to HEX color codes instantly in your browser. Free and private.

RGB to HSL Converter

Convert RGB color values to HSL format instantly in your browser. Free and private.

HSL to RGB Converter

Convert HSL color values to RGB format instantly in your browser. Free and private.

How to convert colour formats

Enter a colour value in HEX, RGB, HSL, or HSV format.
The tool converts it to all other formats simultaneously.
Click any format value to copy it to your clipboard.
Use the colour picker for a visual way to choose and convert colours.

Common uses

Converting HEX colours from a design file to RGB or HSL for CSS, then verify the color pair passes WCAG contrast requirements
Finding the HSL value of a colour to adjust lightness or saturation in code, then explore tints and shades built from that base
Translating colours between formats when moving assets between design tools, alongside a color palette generator to build a cohesive scheme

Technical specification

Algorithm or formula: Pure JavaScript color math: HEX ↔ RGB via base-16 parsing, RGB ↔ HSL using the standard hue-from-max/min formula, RGB ↔ HSV via the cylindrical-coordinate algorithm.
Browser API or library: Native parseInt and arithmetic. No external library.
Input limits: Accepts HEX (3, 4, 6, 8 digits), rgb(), rgba(), hsl(), hsla(), and hsv() syntax. Alpha channel is preserved across conversions.
Output: All formats displayed at once with copy buttons. Values are clamped to valid channel ranges.
Known limitations: No wide-gamut color spaces (Display P3, Lab, LCH, OKLCH). Named CSS colors are not auto-resolved.

Frequently asked questions

What colour formats does the tool support?: The tool converts between HEX (e.g. #3b82f6), RGB (e.g. rgb(59, 130, 246)), HSL, and HSV/HSB.
Is my data sent to a server?: No. All conversion is pure JavaScript running in your browser.
Can I enter colours with transparency (alpha)?: Yes. HEX8, RGBA, and HSLA formats are supported for colours with an alpha channel.
How do I get the CSS value for a colour?: Copy the HEX or HSL value, both are valid in modern CSS. HSL is often preferred for programmatic adjustments because its components map directly to human perception.

Reviewed and tested May 26, 2026.