# Colour Converter

> Convert any colour to HEX, RGB, HSL, HSV, CMYK, LAB and native code — with contrast, tints and harmonies.

To convert a colour, paste any HEX, RGB, HSL or CSS colour name. Every format appears at once — HEX, RGB, HSL, HSV, CMYK, CIELAB, Android and Swift — along with WCAG contrast against five common backgrounds, a ten-step tint and shade scale, colour harmonies and ready-to-paste CSS custom properties.

**URL:** https://convertto.tech/t/color-converter
**Category:** Color Tools (https://convertto.tech/c/color-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Formats:** HEX, RGB, HSL, HSV, CMYK, CIELAB, Android, Swift, decimal
- **Accessibility:** WCAG contrast against 5 backgrounds
- **Extras:** 10-step tint scale, 7 harmonies, CSS custom properties
- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Enter or paste your colour.
2. Select one or more show sections.
3. The result appears immediately — copy or download it.

## FAQ

### Why do my CMYK values look different in print?

CMYK conversion here is a mathematical approximation from RGB. Real printing uses ICC profiles specific to the press, ink and paper, which can shift colours noticeably. Always request a proof for colour-critical work.

### What is the difference between HSV and HSL?

Both use hue and saturation, but HSL's lightness runs from black through the pure colour to white, while HSV's value runs from black to the pure colour only. Designers usually prefer HSL; image editors often expose HSV.

## Related tools

- [Tailwind Colour Shade Generator](https://convertto.tech/t/tailwind-shade-generator): Generate a full 50–950 Tailwind colour scale from a single brand colour.
- [CSS Named Colours Reference](https://convertto.tech/t/css-named-colors): Every CSS colour name with its HEX, RGB, HSL and OKLCH value, sortable by hue and contrast.
- [CSS Box Shadow Generator](https://convertto.tech/t/box-shadow-generator): Design a CSS box-shadow with live values for offset, blur, spread and colour.
- [Glassmorphism CSS Generator](https://convertto.tech/t/glassmorphism-generator): Create frosted-glass CSS with backdrop blur, transparency and a subtle border.
- [CSS Gradient Generator](https://convertto.tech/t/gradient-generator): Build linear, radial and conic CSS gradients and copy the code.
- [PX to REM Converter](https://convertto.tech/t/px-rem-converter): Convert between pixels, rem and em using your project root font size.
- [Random Colour Generator](https://convertto.tech/t/random-color-generator): Generate random colours as a free palette or a harmony built around a base colour.
- [Blob Shape Generator](https://convertto.tech/t/blob-shape-generator): Design organic SVG backgrounds: four interpolation styles, gradients, layers and any canvas size.