RGB and HEX Input Formats

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

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

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

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

See Also

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