Color Picker

Select a color using the color wheel and see its HEX, RGB, and HSL values.

HEX:

RGB:

HSL:

Instructions on Use

This tool provides a simple way to choose a color and get its corresponding web format codes.

Click on the color wheel to open your system's color picker and select any color.
As you select a color, the swatch and the corresponding HEX, RGB, and HSL values will update instantly.
You can click on any of the result fields (HEX, RGB, or HSL) to copy the value to your clipboard.

Here are some other tools for developers and designers: