Color Converter
Convert any HEX color to RGB, HSL, HSV, CMYK and CSS name instantly.
What the Color Converter does
The Color Converter takes a single HEX color and instantly translates it into every format you are likely to need across web, print, and design work. Type or paste a 6-digit HEX value (or pick one with the native color picker), and the tool returns the matching RGB, HSL, HSV, and CMYK values, plus a CSS keyword name when the color happens to match one of the standard named colors.
It is built for front-end developers who need an HSL value for a CSS variable, designers moving a brand color from a screen mockup into a print-ready CMYK file, and anyone who simply wants to understand the same color expressed in different number systems. Every value is shown side by side with a large live preview swatch so you can confirm at a glance that you have the right shade.
How to use it
Start by entering a HEX color in the text box using the #rrggbb format, for example #3b82f6. You can also click the small color swatch on the left to open your operating system's color picker and choose visually; the HEX field updates automatically. The preview bar and all conversion cards refresh as you type.
Once a valid color is entered, each format appears in its own card: HEX, RGB, HSL, HSV, CMYK, and, when available, the CSS color name. Click any card to copy that value to your clipboard. A short "Copied!" confirmation appears so you know the value is ready to paste into your stylesheet, design file, or document.
Notes on the color formats
RGB and HEX describe the same screen color using red, green, and blue channels, just written differently. HSL and HSV describe color by hue, then by saturation and lightness or value, which makes them handy when you want to tweak brightness or vividness without guessing at channel numbers. CMYK is an approximation intended for print, where colors are mixed from cyan, magenta, yellow, and black ink.
Because screens and printers reproduce color differently, the CMYK figures here are a mathematical conversion and should be treated as a starting point rather than an exact press match. The CSS name only appears when your HEX value exactly matches a common named color such as red, navy, or teal.