Pick a color
Enter a HEX value or use the built-in color picker to select the color you need.
FREE ONLINE COLOR CONVERTER
Color Converter
Convert colors instantly between HEX, RGB, HSL, HSV and CMYK formats. Pick a color, copy any color value, or generate a random color.
01 Choose your color
02 Color values
HEX Hexadecimal
RGB Red · Green · Blue
HSL Hue · Saturation · Lightness
HSV Hue · Saturation · Value
CMYK Cyan · Magenta · Yellow · Key
CURRENT COLOR
#6366F1
rgb(99, 102, 241)
COLOR INFORMATION
Every format. One color.
HEX #6366F1 Web standard
RGB rgb(99, 102, 241) Screen colors
HSL hsl(239, 84%, 67%) Design friendly
HSV hsv(239, 59%, 95%) Color selection
CMYK cmyk(59%, 58%, 0%, 5%) Print colors
CONTRAST White Recommended text
HOW IT WORKS
Convert colors without the guesswork.
Enter a HEX color or choose one visually. The converter instantly calculates equivalent values in the most common color formats.
Get every format
Instantly see HEX, RGB, HSL, HSV and CMYK representations of the selected color.
Copy and use
Copy any individual color value or copy all formats at once for your design or development workflow.
COLOR FORMATS
Understand the different formats.
HEX
HEX Color
HEX uses hexadecimal notation to represent red, green and blue color components. It is one of the most common formats used in HTML and CSS.
#6366F1 RGB
RGB Color
RGB represents a color using red, green and blue channels. Each channel normally ranges from 0 to 255.
rgb(99, 102, 241) HSL
HSL Color
HSL describes colors using hue, saturation and lightness. It is particularly useful when adjusting colors in design systems.
hsl(239, 84%, 67%) HSV
HSV Color
HSV represents colors using hue, saturation and value. It is commonly used in color pickers and graphics applications.
hsv(239, 59%, 95%) CMYK
CMYK Color
CMYK stands for cyan, magenta, yellow and key. It is primarily used for four-color printing workflows.
cmyk(59%, 58%, 0%, 5%) BUILT FOR EVERYONE
Useful for every creative workflow.
Web developers
Convert colors into CSS-ready HEX, RGB and HSL values for websites and web apps.
UI designers
Explore color values and quickly move between formats used in design tools.
Graphic designers
Convert digital colors into CMYK values when preparing artwork for printing.
Frontend developers
Quickly convert colors for CSS variables, gradients, components and themes.
Branding
Keep consistent brand colors across web, digital and print workflows.
Students & learners
Understand how the same color is represented using different color models.
COLOR CONVERTER GUIDE
Everything you need to know about color formats.
What is a color converter?
A color converter is an online tool that transforms a color from one representation into another. Different applications use different color models, so converting between formats can be useful when working across websites, design software and print projects.
What is HEX color?
HEX is a hexadecimal representation of an RGB color. A standard six-digit HEX value contains three pairs of hexadecimal characters that represent red, green and blue.
HEX colors are widely used in HTML and CSS.
What is RGB?
RGB stands for Red, Green and Blue. It is an additive color model commonly used by screens and digital displays.
Each RGB channel is normally represented with a value from 0 to 255.
What is HSL?
HSL stands for Hue, Saturation and Lightness. Instead of describing a color directly through red, green and blue values, HSL separates the color characteristics into three easier-to- understand components.
What is HSV?
HSV stands for Hue, Saturation and Value. It is commonly used in graphics software and color pickers because its representation can be intuitive when selecting colors.
What is CMYK?
CMYK stands for Cyan, Magenta, Yellow and Key (black). It is a subtractive color model mainly associated with printing.
Digital RGB and printed CMYK colors can differ because displays and printers use different color reproduction methods.
FREQUENTLY ASKED QUESTIONS
Color Converter FAQs.
What does a color converter do? +
A color converter changes a color between different formats such as HEX, RGB, HSL, HSV and CMYK while preserving the underlying color as closely as the mathematical model allows.
Which color formats are supported? +
This converter supports HEX, RGB, HSL, HSV and CMYK color formats.
What color format is used by CSS? +
CSS supports several color representations, including HEX, RGB, HSL and newer color functions. HEX remains one of the most commonly recognized formats.
Is RGB the same as HEX? +
HEX and RGB can represent the same RGB color, but they use different notation. For example, a six-digit HEX value encodes the same three red, green and blue channel values represented separately by RGB.
What is the difference between RGB and CMYK? +
RGB is primarily an additive model used for digital displays, while CMYK is a subtractive model primarily used for printing.
Can I use these values in CSS? +
Yes. HEX, RGB and HSL values generated by this tool can be used in CSS color declarations.