DevToolkit/Color Picker

Color Picker

Pick colors, convert between HEX, RGB, HSL, and generate palettes.

Pick a Color

HEX#0ea5e9

RGBrgb(14, 165, 233)

HSLhsl(199, 89%, 48%)

CSS var--color-primary: #0ea5e9;

Shades

Click a shade to copy its CSS value

FAQ

How do I convert HEX to RGB?

A HEX color like #FF5733 splits into pairs: FF=255 (R), 57=87 (G), 33=51 (B), giving rgb(255, 87, 51).

What is HSL?

HSL stands for Hue (0-360°), Saturation (0-100%), and Lightness (0-100%). More intuitive than RGB for creating color variations.