Everyday Tools
Ctrl K
YOUR EVERYDAY TOOLBOX
EVERYDAY TOOLS

HEX, RGB & HSL Color Converter

Enter a HEX or RGB color and preview its HEX, RGB and HSL values together.

Enable JavaScript to use the interactive tool. Instructions and examples are available below.

A LITTLE GUIDANCE

HEX, RGB & HSL Color Converter guide

View opaque sRGB colors in common web color formats.

How to use

  1. Enter a HEX value such as #FF0000 or an RGB value such as rgb(255, 0, 0).
  2. Alternatively choose a color with the color picker.
  3. Review the swatch and copy the three color codes.

Worked example

Input
Enter #FF0000.
Result
The result includes rgb(255, 0, 0) and hsl(0, 100%, 50%).

Common questions

Can I enter HSL directly?

Input currently accepts HEX or integer RGB values. HSL is provided as an output format.

Does it support transparency or CMYK?

No. This tool handles opaque sRGB colors. Alpha channels and print-oriented CMYK conversion are not supported.