Color Converter
A color converter translates a color between different formats (HEX, RGB, HSL, and CMYK) so the same color can be used consistently across web design, CSS, and print. Enter a value in any format and this free tool instantly returns the equivalent codes in every other format, with a live preview of the color.
How to convert a color
- Enter a color in any supported format, such as a HEX code (#3b82f6) or RGB values.
- Check the live preview to confirm it is the color you expect.
- Read the equivalent HEX, RGB, HSL, and CMYK values, all updated instantly.
- Copy the format you need into your CSS, design tool, or print workflow.
Frequently Asked Questions
What is a HEX color?
HEX (hexadecimal) colors are represented as a six-digit combination of numbers and letters preceded by a hash mark (#). Each two-digit pair represents the RGB color values (red, green, blue) in hexadecimal format from 00 to FF.
What is RGB color?
RGB stands for Red, Green, and Blue. This color model is additive, meaning these three light components are added together in various combinations to reproduce a broad array of colors. Each component ranges from 0 to 255.
What is HSL color?
HSL stands for Hue, Saturation, and Lightness. Hue is the color type (0-360 degrees), saturation is the intensity (0-100%), and lightness determines how light or dark the color is (0-100%).
What is CMYK color?
CMYK stands for Cyan, Magenta, Yellow, and Key (black). This is a subtractive color model used in color printing. Each component ranges from 0 to 100% and represents the amount of ink used.
How do I convert HEX to RGB?
Split the HEX code into three two-digit pairs and convert each pair from hexadecimal to decimal. For example, #3b82f6 becomes red 59 (3b), green 130 (82), and blue 246 (f6), i.e. rgb(59, 130, 246). This converter does the math for you instantly.
Last updated: