Skip to content

Color Converter

Convert colors between HEX, RGB, HSL, and HSB with a live preview and one-click copy for every format.

HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
HSBhsb(221, 84%, 92%)

How to Use

  1. 1Type a HEX, RGB, or HSL color value, or use the color picker.
  2. 2All formats update automatically, including HSB.
  3. 3Copy any value with one click.

Features

  • HEX, RGB, HSL, and HSB conversion
  • Live color preview
  • Native color picker
  • One-click copy per format

Example

Try entering rgb(37, 99, 235) or hsl(221, 83%, 53%) to see it converted.

About This Tool

Colors on the web can be expressed in several formats. HEX is a compact hexadecimal representation common in CSS and design tools. RGB expresses red, green, and blue channel intensities directly. HSL (hue, saturation, lightness) and HSB/HSV (hue, saturation, brightness) describe color in ways that are often more intuitive for adjusting shades and tints.

This tool converts between all four formats instantly, so you can move between a designer's HEX value and a CSS HSL adjustment without doing the math yourself.

FAQ

What's the difference between HSL and HSB?
Both use hue and saturation, but HSL's third value is lightness (how close to black or white) while HSB/HSV's is brightness (how close to black, without a separate whitening axis).
Which input formats are supported?
HEX (#RRGGBB or #RGB), rgb()/rgba(), and hsl()/hsla() strings are all recognized.

Related Articles

Understanding HEX, RGB, and HSL Colors6 min read