Skip to content

Color Converter

Convert colors between HEX, RGB, and HSL formats with a live preview swatch.

About this calculator

Convert a color between HEX, RGB, and HSL notation, with a live preview swatch.

HEX and RGB describe a color by its red, green, and blue light components, while HSL describes the same color by hue (position on the color wheel), saturation (intensity), and lightness — which is often more intuitive for adjusting a color (e.g. "make it 10% darker" is a lightness change, not a per-channel RGB calculation).

How to use

  1. Enter a color in HEX (#1a2b3c), RGB (rgb(26, 43, 60)), or HSL (hsl(210, 40%, 17%)) format — the format is detected automatically.
  2. Press Convert to see the color in all three formats with a live swatch preview.