Free online tool

Pick a color and convert its values

Select a color and view equivalent HEX, RGB, and HSL representations for a design palette or a CSS declaration.

Open the interactive Color Picker & Converter

The interactive tool loads in the page. Enable JavaScript to enter data, process content, and download results.

Quick guide

How to use this tool

  1. 01Choose a color with the picker or enter a value.
  2. 02Review its HEX, RGB, and HSL representations.
  3. 03Copy the format you need.

Capabilities

Features and supported formats

  • Visual color picker and swatch preview.
  • Converts between common web color notations.
  • Copy-ready values for design and CSS.

Supported formats

Color values: HEX, RGB, and HSL.

Answers

Frequently asked questions

Which color formats does it show?

The tool shows HEX, RGB, and HSL values for the selected color.

Can I use the value in CSS?

Yes. Copy the RGB or HEX value into your stylesheet; verify contrast separately for accessible text and backgrounds.