RGB and HEX Input Formats

Updated on Sep 8, 2026

As of the end of 2021, the ColorGradient supports both RGB and HEX formats as input through its formats configuration.

To choose the default format, use the format option:

Example

View Source

    <div id="rgb-picker"></div>
    <div id="hex-picker"></div>

    <script>
        $("#rgb-picker").kendoColorGradient({
            preview: false,
            format: "rgb",
            formats: ["rgb", "hex"]
        });

        $("#hex-picker").kendoColorGradient({
            preview: false,
            format: "hex",
            formats: ["rgb", "hex"]
        });
    </script>

See Also

• RGB and HEX formats of the ColorGradient (Demo)
• JavaScript API Reference of the ColorGradient