UI for Blazor

Blazor FlatColorPicker

  • Use the Blazor FlatColorPicker to choose and edit colors through a palette with a predefined set of colors.
  • Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
  • Edit Color Seamlessly with Blazor FlatColorPicker

    The Telerik UI for Blazor FlatColorPicker is used for color editing through gradient and palette views that fully integrate with the ColorGradient and ColorPalette components. The UI component supports value resetting, value reverting and Apply & Cancel buttons for committing to your choice.  
    Telerik UI for Blazor FlatColorPicker-Overview
  • Views

    The FlatColorPicker component has two views you can choose from: 
    • Single Palette – which shows a palette (grid of colors) 
    • Gradient View – which displays sliders and a gradient palette allowing more precise selection  
    Telerik UI for Blazor FlatColorPicker Palette Gradient Views
  • The component comes with a built-in header and footer, which can be easily customized through templates. The header shows a button group for switching between views, clear button, preview & revert color action buttons. The footer displays the action buttons for applying or cancelling changes. You can easily customize both by displaying or removing any of the buttons, depending on your project’s needs. 
    Telerik UI for Blazor FlatColorPicker Configuration
  • Action Buttons

    The component features various action buttons in its header and footer. They can be enabled through the ShowButtons property and change how the value of the component will be updated.  

    For more details, visit our documentation article on FlatColorPicker Action Buttons 

  • Theming

    Style the FlatColorPicker using the four built-in themes and a variety of swatches, including Default (Main Dark, Nordic, Purple), Material (Arctic, Lime Dark, Nova), Bootstrap (Urban, Vintage, etc.) and Fluent. You can easily customize the available themes with a few lines of CSS or create a new one with the Progress Sass ThemeBuilder application

    Telerik UI for Blazor FlatColorPicker-Theming
  • Right-to-Left (RTL) Support

    The Telerik UI for Blazor FlatColorPicker component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.

    Learn more in our Blazor Right-to-Left Support documentation 

    RTL Support

All Blazor Components

Next Steps