HEX#14B8A6
RGBrgb(20, 184, 166)
HSLhsl(173, 80%, 40%)
OKLCHoklch(0.704 0.123 182.5)
About the Color Converter
Pick a color or paste a HEX value and instantly see it in HEX, RGB, HSL and modern OKLCH formats. Use the color picker to explore, or type an exact HEX code to convert.
Having every format at once makes it easy to drop the right value into CSS, design tools or code. Everything is computed in your browser.
Features
- Convert between HEX, RGB, HSL and OKLCH
- Built-in color picker
- Accepts 3- or 6-digit HEX codes
- Modern OKLCH output for CSS
- Runs entirely in your browser
- Free with no sign-up
How to convert a color
- Pick a color with the swatch, or type a HEX code.
- Read the HEX, RGB, HSL and OKLCH values.
- Copy the format you need into your project.
- Adjust the color any time to reconvert.
Frequently asked questions
What is OKLCH?
OKLCH is a modern, perceptually uniform color space (lightness, chroma, hue) supported in CSS, useful for predictable color adjustments.
Can I enter shorthand HEX?
Yes. Both 3-digit (#0af) and 6-digit (#00aaff) HEX codes are accepted.
Are the conversions accurate?
RGB and HSL are exact; OKLCH is computed with the standard sRGB-to-OKLab formula.
Is it free?
Yes, completely free and it runs entirely in your browser.