Color Picker

Pick a color and get it as HEX, RGB, HSL, HSV, CMYK and OKLCH. Type into any field and the rest follow, then take the 50 to 950 shade scale under it.

RGB

CMYK

HSL

HSV

OKLCH

Hex

Shades

The 50 to 950 scale Tailwind uses, built from the color above. Click a stop to load it.

More free tools

Device Mockup Generator Put a screenshot inside a phone, foldable or tablet frame and download the PNG. Color Picker from Image Drop in a photo and pick any color out of it as HEX, RGB or OKLCH. Image to Mesh Gradient Turn an image into a soft mesh gradient you can copy as CSS. Beautiful CSS Gradients A collection of ready-made gradients, copy and paste. Tailwind v3 to v4 Converter Paste a v3 config and get the v4 CSS-first equivalent back.