Blazor FlatColorPicker

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.
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
Built-in Header and Footer

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