About the Color Converter
Tezmy's Color Converter translates any colour between the formats designers and developers use: HEX codes, RGB, HSL, HSV/HSB and CMYK. Type a colour in any format (or a name like navy or coral), or use the colour picker, and copy the version you need with one click. It also checks the colour's contrast against white and black using the WCAG accessibility rules, so you know whether text in that colour will be easy to read.
Updated October 2026
How to use the Color Converter
- 1Type a colour: #2447D6, rgb(36 71 214), hsl(228 71% 49%) or a name.
- 2Or click the colour square to pick one visually.
- 3See the colour in HEX, RGB, HSL, HSV and CMYK.
- 4Copy any format, and check the contrast scores.
Colour formats explained
- HEX (#FFC53D): used in websites, CSS and most design tools.
- RGB (255, 197, 61): red, green and blue light from 0 to 255, used for screens.
- HSL: hue, saturation and lightness, easy for making lighter or darker shades.
- HSV/HSB: similar to HSL, used in Photoshop and many colour pickers.
- CMYK: cyan, magenta, yellow and black ink percentages for printing.
Screen colours vs print colours
Screens mix light (RGB) and printers mix ink (CMYK), so some bright screen colours, like vivid greens and blues, can't be printed exactly. The CMYK values here are a simple mathematical conversion; professional printing uses colour profiles, so ask your printer for a proof when colour accuracy matters.
Readable text: contrast checks
The WCAG accessibility guidelines ask for enough contrast between text and background: a ratio of at least 4.5:1 for normal text (AA) and 7:1 for the stricter AAA level. The converter shows how your colour scores on white and on black, so you know whether to use it for text or only for decoration.
Find a colour from an image
To get the code of a colour in a photo, logo or screenshot, use the Image Color Picker, then paste the HEX code here to convert it to any other format.
Use it on any device
Convert colours on your phone while designing in Canva or Instagram, or on a computer while writing CSS. Open this page in Safari, Chrome or Edge on your phone, tablet or computer. There's nothing to install and no sign-up, and everything runs on your own device, so what you type is never uploaded. If you need a single pair, try the HEX to RGB Converter or the RGB to CMYK Converter, and build a full scheme with the Color Palette Generator.
Features
- HEX, RGB, HSL, HSV and CMYK
- Accepts CSS colour names
- Transparency (alpha) support
- Visual colour picker
- WCAG contrast on white and black
- One-click copy
Frequently asked questions
How do I convert HEX to RGB?
Split the six-digit code into three pairs and convert each from hexadecimal to decimal. #2447D6 becomes 24→36, 47→71, D6→214, so rgb(36, 71, 214). This tool does it instantly.
What's the difference between RGB and CMYK?
RGB mixes red, green and blue light for screens. CMYK mixes cyan, magenta, yellow and black ink for printing. Converting to CMYK here gives a close estimate; printers may adjust it for their inks.
What is HSL?
HSL describes a colour by hue (0–360° around the colour wheel), saturation (how vivid) and lightness (how light or dark). It's easier for people to adjust than RGB.
What do AA and AAA contrast mean?
They're accessibility levels from WCAG. Normal text needs a contrast of at least 4.5:1 for AA and 7:1 for AAA. Large text needs 3:1 for AA.
Can I use 3-digit or 8-digit HEX codes?
Yes. #FFF is short for #FFFFFF, and 8-digit codes like #2447D680 include transparency in the last two digits.
How do I convert RGB to HEX?
Type the RGB values, like rgb(36, 71, 214), and the HEX code appears instantly, ready to copy.
Can I type a colour name?
Yes. CSS colour names like navy, coral or tomato are understood and converted to every format.
Does it support transparency?
Yes. RGBA, HSLA and 8-digit HEX values with an alpha channel are supported.