Color Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Colours are written differently in CSS, design tools and print.
About Color Converter
Convert any colour between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly. Paste a code or use the picker and copy any format with one click — handy for moving colours between design tools, CSS and print.
Colours are written differently in CSS, design tools and print. This colour converter turns any HEX, RGB or HSL code into HEX, RGB, HSL, HSV, CMYK and OKLCH, with a copy button on each one.
How to use Color Converter
- Pick a colour or type a code such as #ff4fa3, rgb(255, 79, 163) or hsl(330, 100%, 65%).
- See every format update instantly.
- Click Copy next to the format you need.
Key features
- HEX, RGB, HSL, HSV, CMYK and OKLCH in one place.
- Accepts 3-, 6- and 8-digit HEX plus rgb() and hsl().
- One-click copy and live swatch.
Common use cases
- Moving colours between Figma, CSS and print work.
- Finding the HSL values to build hover and dark variants.
- Getting an OKLCH value for modern CSS colour work.