New to Kendo UI for jQuery? Start a free 30-day trial

RGB and HEX Input Formats

Updated over 6 months ago

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:

    <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>

RGB and HEX Input Formats

See Also