Color Picker & Converter

HEX / RGB / HSL conversion

HEX

H172°

S66%

L50%

Formats

HEX#2dd4bf

RGBrgb(45, 212, 191)

HSLhsl(172, 66%, 50%)

RGB %rgb(18%, 83%, 75%)

CSS var--color: #2dd4bf;

Shades

Loading tool…

About the Color Picker & Converter

Pick a color and convert it between HEX, RGB, and HSL formats instantly. Adjust hue, saturation, and lightness with sliders, copy any format with one click, and grab an auto-generated 11-step shade scale for design systems and Tailwind-style palettes.

How to use

1Pick a color with the swatch or paste a HEX code.
2Fine-tune with H/S/L sliders.
3Copy HEX, RGB, or HSL — or click a shade to explore the scale.

Related Colors & Design tools

Gradient Generator Box Shadow Generator Flexbox Builder Grid Builder Border Radius Generator Font Pairing Preview

Color Picker & Converter is part of DevKit — 100 free, privacy-first tools for developers, students, and everyone, built by Minhazul Ashim. Everything runs in your browser; your data never leaves your machine.