Color Converter
Free color converter: paste HEX, RGB, HSL, HSV or OKLCH and get every format plus the nearest CSS color name, tints and shades. Private and instant in your browser.
- No upload — 100% private
- Instant, on your device
- Free, no sign-up
- Works offline once loaded
How it works
How to use Color Converter
Paste a color in any format — HEX, rgb(), hsl(), hsv(), oklch() or a CSS name.
See it converted to every format instantly and copy the one you need.
Use Pick from screen (Chrome and Edge) to grab a color from anywhere on your display.
Click a shade or tint to copy it and continue from that color.
Why use it
Why use our Color Converter tool
Every common format
HEX (with alpha), RGB, HSL, HSV/HSB, naive CMYK and modern OKLCH side by side.
Forgiving input
Accepts legacy and modern CSS syntax, percentages, angle units, 3/4/6/8-digit HEX and bare numbers.
Nearest CSS name
Finds the closest of the 148 named CSS colors using perceptual distance.
Shades & tints
An 11-step scale from dark to light blended in OKLab for even steps.
Screen eyedropper
Pick any pixel on your screen where the browser supports the EyeDropper API.
FAQ
Frequently asked questions
How do I convert HEX to RGB?
Split the six HEX digits into three pairs and convert each pair from base 16 to base 10. For example #336699 becomes 51, 102, 153. Paste a HEX code above and the converter does it for you.
What is OKLCH and why use it?
OKLCH describes a color by lightness, chroma and hue in a perceptually uniform space. Changing lightness looks consistent across hues, which makes it great for design systems. All modern browsers support oklch() in CSS.
Is the CMYK value accurate for printing?
It is a straightforward mathematical conversion without a color profile. Printers use profiles such as FOGRA or GRACoL, so treat it as a starting point and proof important print work.
Why is the pick-from-screen button missing?
The EyeDropper API is currently available in Chromium browsers such as Chrome, Edge and Opera on desktop. In other browsers you can use the color picker swatch instead.
Can I convert colors with transparency?
Yes. Alpha from 8-digit HEX, rgba(), hsla() or the slash syntax is preserved in the HEX, RGB, HSL and OKLCH outputs.
Related tools
Contrast Checker
Check WCAG AA/AAA contrast and fix failing colors in one click.
Color Palette Generator
Press space for beautiful 5-color palettes. Lock, tweak, export.
CSS Gradient Generator
Design linear, radial and conic gradients and copy the CSS.
Unit Converter
Convert length, weight, temperature, data and more — precisely.