About the Color Converter
Colors are written in different formats depending on where they are used. Web designers use HEX codes and rgb() or hsl() values in CSS, photo and design apps often show HSV (also called HSB), and print designers work with CMYK. This converter accepts a HEX, RGB or HSL value, or a color chosen with the picker, and shows it in every format at once, ready to copy. CMYK values are a simple mathematical conversion; professional printing uses color profiles that can give slightly different results.
How to use it
- Pick a color with the color picker, or type a value such as #4f46e5, rgb(79, 70, 229) or hsl(243, 75%, 59%).
- Check the preview to make sure it is the color you expect.
- Copy the format you need: HEX, RGB, HSL, HSV or CMYK.
Frequently asked questions
What is the difference between HEX and RGB?
They describe exactly the same color. RGB lists the red, green and blue values from 0 to 255; HEX writes the same three numbers in hexadecimal, so rgb(255, 0, 0) is #FF0000.
When should I use HSL?
HSL (hue, saturation, lightness) is easier for people to adjust: you can make a color lighter or darker by changing only the lightness, which is handy when creating color palettes in CSS.
Why does my printed color look different from the screen?
Screens mix light (RGB) while printers mix inks (CMYK), and some bright screen colors cannot be printed. For accurate print colors, use the color profile provided by your printer.