Blazor Color Picker - Default Functionalities
Choose a color
This sample demonstrates the default functionalities of the ColorPicker with default colors and predefined styles.
The ColorPicker is a user interface component used to select and adjust color values. This component supports various color specifications including RGB (Red Green Blue), HSV (Hue Saturation Value), and Hex codes.
ColorPicker Features:
The ColorPicker popup contains the following elements:
- Picker area for visual color selection
- Sliders to adjust hue and opacity values
- Input text area for manual color value entry
- Control buttons for apply/cancel actions
Interaction Methods:
- Drag the handle in the picker area to select your favorite color.
- Manually set the color by typing the color values in the input text boxes.
- Switch between RGB and HSV color value formats by clicking the format switching icon at the right side of the input text area.
- Switch between picker and palette modes by clicking the mode switching icon at the left bottom of the popup.
- Using the Value property, set the color value to the picker and palette initially.
In mobile mode, the popup opens at the center of the viewport for better accessibility.
More information about Blazor ColorPicker component can be found in this documentation section.