HEX, RGB, HSL, HSV, OKLCH and CMYK, on your device.

Accepts HEX, RGB, HSL, and common CSS color names.

    Private ● Runs entirely on your device Runs entirely on your device. Nothing is uploaded.No account required.Nothing stored unless you choose to save it.
    Powered by ToyTools
    ▸ More about

    Uses of color format conversion

    • Turning a hex brand color into rgb() for a CSS variable
    • Getting an OKLCH value to build a perceptual shade scale
    • Reading the HSL of a color to tweak its hue or saturation
    • Copying an approximate CMYK reference for a print mockup

    color format conversion pitfalls

    • Treating the sRGB-to-CMYK conversion as a print-accurate proof
    • Assuming two HSL colors with equal lightness look equally bright

    color format conversion questions (5)

    How do I convert a HEX color to RGB?

    Paste the hex value (for example #3366ff) into the input and the RGB row updates instantly to rgb(51, 102, 255). Each hex pair maps to one channel: 33 is 51 red, 66 is 102 green, and ff is 255 blue. Every other format updates at the same time, so you also get HSL, HSV, OKLCH, and CMYK from the same input.

    What is OKLCH and why should I use it?

    OKLCH is a modern CSS color format built on a perceptually uniform color space. Its lightness value tracks how bright a color actually looks to the eye, so two colors with the same L read as equally light regardless of hue. That makes it far better than HSL for building shade scales and gradients, and browsers have supported it since 2023.

    Does this converter support alpha transparency?

    Yes. Enter an 8-digit hex like #3366ff80 or an rgba/hsla value and the alpha channel is preserved in the RGB, HSL, and OKLCH outputs. The preview swatch shows the color at full opacity so you can still judge the hue.

    Why is my CMYK value different from my print shop?

    The CMYK here is a direct mathematical conversion from sRGB, which is how screens describe color. Real print output depends on the specific inks, paper, and ICC profile your printer uses, so treat the CMYK value as a starting reference rather than a proof. For exact print color, ask your printer for their profile.

    Is my color data sent anywhere?

    No. Every conversion runs entirely in your browser with JavaScript. Nothing is uploaded, logged, or stored on a server, and the tool keeps working offline once the page has loaded.

    How Color Formats Work: HEX, RGB, HSL, and OKLCH All Design & CSS