ToolHabibi LogoTool Habibi
All Tools

Color Picker & Converter

Pick a color and instantly get its HEX, RGB, and HSL values, along with a ready-made row of lighter and darker shades.

100% free, no signup
#2F6F5E
rgb(47, 111, 94)
hsl(164, 41%, 31%)

Shades & tints

Your files are processed in your browser and never uploaded to any server.

How to use this tool

  1. 1Click the color swatch to open your system color picker.
  2. 2HEX, RGB, and HSL values update instantly.
  3. 3Click any format to copy it.
  4. 4Click a shade below to copy that shade's HEX code.

Frequently asked questions

Can I type in a HEX code directly?+

Yes, most browsers let you type a HEX value directly in the native color picker that opens.

Designers and developers constantly need to convert a color between formats — a HEX value for CSS, RGB for a canvas library, HSL for adjusting lightness programmatically. This tool converts instantly between all three, and generates a row of shades and tints so you can quickly find a lighter hover state or a darker pressed state for a button without opening a full design tool.