Color converter
Type or paste a color in HEX, RGB, HSL, HSV or CMYK, or pick it with the selector: it is converted right away into all the other formats, ready to copy.
The color has transparency: the preview shows it over a checkerboard. HSV and CMYK have no transparency and leave it out.
The CMYK here is the simple formula, without a color profile: in print the result depends on paper and inks, so for real printing it's worth asking the printer for their profile.
History. Tap a color to bring it back:
Five formats, and when to use each
HEX, like #ff8a5c, is the shortest format and the standard in stylesheets and design software. It is written with 6 digits, with 3 (each digit counts twice: #f80 is #ff8800) or with 8 or 4, where the last pair is the transparency: #ff8a5c80 is the same orange at half. The hash sign can be left out too.
RGB says how much red, green and blue there is, from 0 to 255, and with a fourth number the transparency. HSL (hue, saturation, lightness) is the handiest for variations: keep the same hue, change only the lightness, and you get lighter and darker versions of the same color. HSV, which some programs call HSB, is the one behind the color pickers in Photoshop, Figma and GIMP: there 100% value is the brightest color, not white. Each of these can also be typed in the field, not only copied.
As many decimals as needed, and the dot
Every row, copied and read back, must give the same color again. With whole numbers that doesn't always happen: the gray rgb(127, 127, 127) in rounded HSL would be hsl(0, 0%, 50%), which read back gives rgb(128, 128, 128), a different gray. That's why a decimal shows up here only when it's needed: that gray comes out as hsl(0, 0%, 49.8%), and #f80 in CMYK comes out as cmyk(0%, 46.7%, 100%, 0%), because with 47% it would come back as #ff8700.
The codes always use a dot for decimals, whatever the language of the page: they are code to paste into a stylesheet or a design program, and those don't understand a comma. If a parenthesis is missing or a number is out of range, as in rgb(300, 0, 0), the page says so instead of guessing. CMYK can also be written as fractions from 0 to 1, the way many programs export it: cmyk(0, 0.46, 0.64, 0) means cmyk(0%, 46%, 64%, 0%). They count as fractions only if no value has a percent sign and all four are between 0 and 1; otherwise they are percentages.
Why CMYK is only an approximation
Screens emit light (additive RGB color), while paper reflects it (subtractive CMYK): the two color spaces simply don't line up. Very saturated or very bright colors you see on a monitor often can't be reproduced in print. The CMYK value calculated here is the standard mathematical conversion, great for getting a feel or preparing a draft, but for professional print jobs you should always double-check it against the ICC profile provided by your printer.
Four pages, two jobs
Color converter and Color picker are the same tool with two ways in, the typed code and the picker: the same color gives the same rows on both pages. For random colors there are Random Color and Palette generator, which are the same generator with one color or five.