Skip to content
Leandro Lima

Color converter

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

Converters100% client-side

Input

Result

#f6c445
HEX
#f6c445
HEX + alpha
#f6c445ff
RGB
rgb(246, 196, 69)
HSL
hsl(43, 90.8%, 61.8%)
hue
43°
saturation
90.8%
lightness
61.8%
alpha
1
contrast · white
1.63:1
contrast · black
12.9:1

Scale

Recent

Nothing here yet.

About this tool

Enter a colour in any of the three notations and get the other two immediately, with a large swatch so you can judge the result rather than trusting the numbers. Alpha is carried through, so eight-digit hex and the rgba and hsla forms all round-trip cleanly.

A generated tint and shade scale sits underneath, which is a quick way to derive hover and disabled states from a single brand colour without leaving the browser.

How to use it

  1. 1Type a colour in HEX, RGB or HSL — or pick one with the colour input.
  2. 2Read the other notations, updated live.
  3. 3Copy the value in the format your stylesheet expects.

Privacy

This tool runs entirely in your browser. Nothing you type or paste is sent to a server, and your local history is stored only on this device.

Related tools