Skip to content
HandfulTools

Color Converter (HEX, RGB, HSL, CMYK)

Paste a colour in any common format — #0d6e63, rgb(13,110,99) or hsl(173,79%,24%) — and get every other format ready to copy, plus a contrast check for accessible text.

Runs in your browser

Loading…

How to use

  1. Type a colour or use the picker.
  2. Copy the format you need.
  3. Check the contrast rating on white and black backgrounds.

How it works

All conversions go through sRGB, the colour space used by the web. HSL and HSV are geometric re-arrangements of RGB, so conversions are exact apart from rounding. CMYK here is a simple mathematical conversion; print shops use colour profiles, so printed colours may differ.

Contrast ratios follow WCAG 2.2: at least 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA.

Examples

Brand colour
#ff8800 = rgb(255, 136, 0) = hsl(32, 100%, 50%).

Common uses

  • Translating design tokens between tools
  • Checking text colour accessibility
  • Converting colours for CSS variables

Privacy & security

This tool runs entirely in your browser. Your files and text are never uploaded to our servers — processing happens on your device and results are created locally. How each tool handles files

Frequently asked questions

Are 8-digit HEX colours supported?

Yes. #RRGGBBAA includes transparency, shown as rgba() and hsla() outputs.

Why do printed colours look different?

Screens mix light (RGB) while printers mix inks (CMYK). Use your printer's ICC profile for exact matches.

Last updated: