Color Converter
Convert colors between HEX, RGB, HSL, and HSV formats online. Free color converter with visual preview — instant results.
Preset colors
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.
Color format conversion explained
Web developers and designers regularly work across multiple color models. A designer might specify a brand color in HEX for web use, but need to hand off that same color in HSL for a CSS variable system, or HSV for a Figma or Photoshop color picker. This tool eliminates the manual math.
The four color formats and where they are used:
- HEX (#rrggbb): The standard in CSS, HTML, design systems, and brand style guides. Compact and universally recognized.
- RGB (r, g, b): Used in CSS (
color: rgb(26, 92, 255)), design tools, and anywhere direct channel control is needed. Values range 0–255. - HSL (h, s%, l%): Native to CSS and preferred in design systems for building color scales. Hue ranges 0–360°, saturation and lightness are percentages.
- HSV (h, s%, v%): Used in Photoshop, Figma, and many design application color pickers. Similar to HSL but uses “value” (brightness) instead of lightness.
All conversions are done using precise mathematical formulas. HEX and RGB are direct representations of the same data. HSL and HSV are different mathematical transformations of that RGB data into a more perceptually intuitive form for humans.
The live color swatch gives you an immediate visual sanity check. All processing happens in your browser — nothing is ever sent to any server.