Color Picker & Converter

Choose any color and read its HEX, RGB and HSL values, with CSS snippets ready to copy into your stylesheet.

How to use

1. Pick a color or type a HEX code.
2. Copy the format you need.

Frequently asked questions

What is HSL?

HSL stands for Hue, Saturation and Lightness — an intuitive way to describe colors in CSS.

Related tools