Color code conversion tool
Convert HEX, RGB, HSL, and CMYK formats in bulk for free.
This is a free tool that can convert between HEX code (#RRGGBB), RGB, HSL, and CMYK. It instantly converts the entered color code to all formats and copies it with a single tap. It can be used in a variety of situations, including web design, CSS, illustration, and color specification for print materials.
Color Code Converter
Color code conversion
Select an input format and enter the color code.
Example: #465DAA or 465DAA
Conversion result — Tap to copy
brightness
medium
Saturation
medium
Hue
blue-purple
system
Cool colors
Try These Colors
Let's try it with traditional colors.
Ultramarine
#465DAA
Crimson color
#AD002D
jade color
#00A86B
Shinonome color
#F19072
gloomy gold
#D4A017
Lapis Lazuli
#2A5CAA
Pink
#EEBBCB
light green
#8DB620
How to Use
How to use the tool
01
Select input format
Select the color code format you want to convert from four formats: HEX, RGB, HSL, and CMYK. You can also directly select a color by clicking the color picker (square box).
02
Enter the color code
Enter the color code in the text field and press the "Convert" button. For HEX format, you can enter it with or without "#". Pressing the Enter key will also perform the conversion.
03
Copy the results
Tapping or clicking each line of the conversion results will copy it to the clipboard. You can view all five formats at once: HEX, RGB, HSL, CMYK, and CSS.
FAQ
QWhat are the differences between HEX, RGB, HSL, and CMYK?
Each color system uses a different method for representing color. HEX uses hexadecimal numbers (e.g., #FF5733) and is widely used in web and app development. RGB represents red, green, and blue using numerical values from 0 to 255 (e.g., rgb(255, 87, 51)). HSL is a system that represents colors using hue, saturation, and lightness, making color adjustment easier. CMYK uses cyan, magenta, yellow, and black and is used for specifying colors in printed materials.
QDo you use CMYK in web design?
CMYK is primarily used for color specification in printed materials (flyers, business cards, posters, etc.). For web design, apps, and monitor displays, HEX or RGB are generally used. CMYK conversion is necessary when creating print materials using programs like Illustrator or Photoshop.
QIs it possible for there to be errors in the conversion results?
The conversion between HEX, RGB, and HSL is mathematically accurate. However, the conversion to CMYK is only an approximation because the color gamut of monitors (sRGB) and print (CMYK) are different. For final print production, we recommend checking colors using specialized software such as Illustrator.
QWhat is Hue in HSL?
Hue represents the type of color using an angle from 0 to 360 degrees. 0 and 360 degrees are red, 60 degrees is yellow, 120 degrees is green, 180 degrees is blue-green, 240 degrees is blue, and 300 degrees is purple. Saturation represents the vividness of the color (0% is gray, 100% is the most vivid), and lightness represents the brightness (0% is black, 100% is white).
QCan this be used directly with CSS?
Yes. The "CSS" line of the conversion result will display in the format `color: #XXXXXX;`. You can paste this directly into your CSS file or HTML style attribute. Both HEX and RGB formats are supported by CSS.
Related Keywords