RGB and HEX Input Formats

The FlatColorPicker supports both RGB and HEX formats as input through its Formats configuration. To choose the default format, use the Format option:

Razor

@(Html.Kendo().FlatColorPicker()
      .Name("rgb")
      .Buttons(true)
      .Value("#ff0000")
      .Format(ColorPickerFormat.Rgb)
      .Formats(new string[] {"rgb","hex"})
)

Razor

@addTagHelper *, Kendo.Mvc
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

@{
    string[] formats = new string[] { "rgb", "hex" };
}

<kendo-flatcolorpicker name="rgb" value="#ff0000" buttons="true"
  format="ColorPickerFormat.Rgb" formats="formats">
 </kendo-flatcolorpicker>

See Also

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