Which color format to use
HEX (#2f6bff) is the most common format in CSS and web design. RGB represents a color by mixing red, green and blue (0–255 each), also very common in CSS. HSL (hue, saturation, lightness) is more intuitive for adjusting tones — rotating the hue changes the color while keeping the same "strength". HSB/HSV (hue, saturation, brightness) is the standard used in design tools like Photoshop and Illustrator. CMYK (cyan, magenta, yellow, black) is used for print.
How to use it
Pick a color with the visual picker or type a value into any field (e.g. #ff5500, rgb(255, 85, 0) or hsl(20, 100%, 50%)) — every other format and the preview update automatically. Use the copy button to grab code ready to paste into your CSS.
Frequently asked questions
What's the difference between HSB/HSV and HSL?
Both use hue (0–360°) and saturation, but the third value differs: HSL uses lightness (how close the color is to black or white) and HSB/HSV uses brightness (how close the color is to white starting from the pure hue). That's why the same hue can have different S and B/L values between the two systems.
Is the CMYK output here good for professional printing?
It's a simple mathematical conversion from RGB to CMYK, useful as a reference. For color-accurate professional printing, a print shop usually applies ICC color profiles calibrated for the specific printer and paper.