Progress Telerik UI for Blazor

Blazor ColorPalette

  • Use the Blazor ColorPalette component to render colors by using sets of predefined colors, or by implementing a custom color palette.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for Blazor ColorPalette is a versatile color selection tool with customizable dimensions, colors to choose from and styling. Add a sprinkle of validation and keyboard navigation and you have a quality component to be used across your application. 

    See the Blazor ColorPalette Demo
    Telerik UI for Blazor ColorPalette
  • Layout and Customization

    The ColorPalette displays the user with a grid of colors each aspect of which is customizable. You can provide a list of CSS colors (so any combination of RGB(A), HSL(A), hex or CSS names is valid). If you don’t have a concrete set of colors in mind, pick one of the predefined color palettes. The number of rows and columns of the grid and the size of each tile can be specified as well. Thanks to this you can make big single-row or single-column setups when you only need a handful of colors or large selection of tiny tiles. 
    Telerik UI for Blazor ColorPalette
  • Validation

    The component fits neatly in the validation system of Telerik UI for Blazor and you can use the standard validation attributes in your model to specify the constraints for the input e.g. by making the input required. 

    Learn more about the Blazor ColorPalette Validation
  • Keyboard Navigation

    Users can navigate the palette using the arrow keys and select the desired color by pressing Enter – neither of these requires any explanation and it’s only natural for any users to try to work with these keys. 
    Telerik UI for Bazor Keyboard Navigation

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.