Color Picker
Pick a color and convert it between HEX, RGB, HSL and OKLCH.
Design tokens, CSS and Figma exports all want the same color in a different format. The Color Picker lets you choose a color visually or type a value in any supported format, and shows the other three instantly. It runs locally in the desktop app, so it is always one keystroke away while you work.
Four formats, kept in sync
Edit HEX, RGB, HSL or OKLCH and the other three update as you type. Each value has its own copy button.
Visual picker canvas
Click the hue and lightness canvas to choose a color, with a live preview swatch that shows the current HEX value.
OKLCH support
Enter lightness, chroma and hue as space or comma separated numbers to get the matching sRGB color.
Tailwind CSS palette
Browse the default Tailwind colors from slate to rose, and click any shade to load it. Hovering shows the class name and HEX value.
Common color swatches
A collapsible set of 16 Material-style colors gives you a quick starting point when you have no value yet.
How do I convert HEX to RGB?
Type or paste the HEX value, with or without the leading #, into the HEX field. The RGB, HSL and OKLCH fields update right away, and you can copy any of them.
Does the color picker work offline?
Yes. All conversions are calculated locally in the app and nothing is sent over the network.
Extract dominant colors from an image as hex, CSS variables or Tailwind tokens.
Open →Optimize SVG markup with SVGO and rasterize it to PNG at any size.
Open →Turn code into syntax-highlighted PNG images for docs, slides and social posts.
Open →No card, no account. Every tool included, bought once.