- Home
- Design tools
- Color Picker
Color Picker
Paste any CSS color or pick one visually to get every format, plus tints and shades you can copy straight into your design.
Free, no sign-up. Runs in your browser: nothing is uploaded.
How to use Color Picker
- Pick a color or paste a value in any format.
- Copy the format you need.
- Use tints and shades for states and backgrounds.
Features
- HEX, RGB, HSL, HSV, CMYK, OKLCH
- Screen eyedropper (in supporting browsers)
- Tints and shades
- Contrast against white and black
Private by design
Everything you type is calculated by your browser on this device. Nothing is sent to openWorkstand or anyone else, so the Color Picker is safe for private and work data, and it keeps working offline once the page has loaded. How local processing works
When to use the Color Picker
- Convert HEX to RGB for CSS.
- Get CMYK values for print.
- Find tints and shades of a brand color.
Frequently asked questions
What is OKLCH?
A modern CSS color space in which lightness matches human perception, which makes even palettes and accessible contrast easier.
Keep working with the result
openWorkstand also includes a free workspace with documents, spreadsheets, tasks, projects and a calendar that save to a folder on your computer.