Realm by Rook|Utilities
    Color Converter

    Color Converter

    Convert between HEX, RGB, HSL, and CMYK

    Misschien vind je het ook leuk

    Color Picker

    Pick colors and get hex, RGB, HSL values

    Gradient Generator

    Create beautiful CSS gradients

    Favicon Generator

    Upload one image, get all 10 favicon sizes + manifest.json + HTML snippet

    About the Color Converter

    Color conversion translates a color between the formats used in different contexts: hex for CSS, RGB for software, HSL for design systems, CMYK for print. This converter parses every popular syntax (including shorthand hex and CSS named colors), clamps out-of-range input, and emits all four formats so you never have to visit three sites to move a brand color between Figma, your CSS, and your print brief.

    Features

    How it works

    1. Paste a color in any format — HEX, rgb(), hsl(), cmyk(), or a name.
    2. See the other three formats rendered instantly with a live swatch.
    3. Copy whichever format you need.

    Use cases

    Frequently asked questions

    When do I use CMYK?

    +

    Only for print. Screens are RGB; printers are CMYK. Converting a screen color to CMYK is approximate because CMYK has a smaller gamut — some vivid RGB colors simply can't be printed exactly.

    What's the right format for CSS variables?

    +

    HSL is the modern choice — you can edit hue, saturation, and lightness independently, making design systems much more flexible. HEX is still fine for simple palettes.

    Does it support CSS4 colors like lab() and lch()?

    +

    Not yet — that's roadmap. For now we handle HEX/RGB/HSL/CMYK and the standard named colors.

    Why is my CMYK percentage different elsewhere?

    +

    CMYK conversion formulas vary by color profile (GRACoL, SWOP, Fogra, etc.). Our output is the uncalibrated mathematical conversion — good for estimation, not for press-ready files.