Skip to content
VuConvert

Color Picker

Pick any color and get HEX, RGB, HSL and OKLCH values.

100% private — runs in your browser, no upload

Loading tool…

Pick any colour and instantly get its HEX, RGB, HSL and OKLCH values — VuConvert's in-browser colour picker is built for designers and developers who need to copy exact codes fast. Sample a shade, fine-tune it, and grab the format your stylesheet or design tool needs.

How to color picker

  1. 1.Pick a colour from the picker or enter a value.
  2. 2.Read the HEX, RGB, HSL and OKLCH equivalents.
  3. 3.Fine-tune hue, saturation or lightness.
  4. 4.Copy the format you need.

Frequently asked questions

What colour formats does it output?
HEX, RGB, HSL and OKLCH, updated live as you adjust the colour.
What is OKLCH?
A modern, perceptually-uniform colour space that makes predictable tints and shades easier than HSL.
Is it free?
Yes — free, no account, runs entirely in your browser.
Can I convert between formats?
Yes — enter a value in one format and read the others instantly.

You might also like

SVG Optimizer

Minify and clean SVG files — removes bloat from Figma and Illustrator exports.

Compress Image

Shrink JPG, PNG and WebP files while keeping them sharp.

Remove Background

Erase image backgrounds automatically.

More design tools

Palette Generator

Generate harmonious color palettes from a seed color.

Gradient Generator

Build CSS linear and radial gradients visually and copy the code.

Box Shadow Generator

Build layered CSS box-shadows with a live preview and copy the code.

ICO Generator

Create multi-size .ico favicons from an image.