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

RGB and HEX Input Formats

As of the end of 2021, the ColorPicker supports both RGB and HEX formats as input through its formats configuration. To choose the default format, you can use the format option:

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

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

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

See Also

In this article
Not finding the help you need? Improve this article