LocalToolsOffline browser tools collection

Category: Developer tools

Color Converter

Convert colour values between HEX, RGB and HSL

Enter a colour as HEX, rgb() or hsl() and see all three formats at once, with a live swatch and a colour picker.

HEX#0f7b63RGBrgb(15, 123, 99)HSLhsl(167, 78%, 27%)

Everything on this page is processed in your browser. Nothing is uploaded.

What this tool does

HEX is compact, RGB matches how screens mix light, and HSL describes hue, saturation and lightness in a way that is easy to adjust by hand. Converting between them keeps the same colour while giving you the notation your stylesheet or design tool expects.

How to use it

  1. Type a colour such as #0f7b63, rgb(15, 123, 99) or hsl(170, 78%, 27%).
  2. Or use the picker to choose one visually.
  3. Read the HEX, RGB and HSL values below the swatch.

Privacy

This tool runs entirely in your browser. Your input is never uploaded, stored or shared — closing the tab removes it.

Frequently asked questions

Which input formats are accepted?
Three- and six-digit HEX with or without the # sign, plus rgb(), rgba(), hsl() and hsla() notation.
Is alpha supported?
Transparency is ignored during conversion; the tool reports the opaque colour in all three formats.

Back to all tools