The Syncfusion .NET MAUI Color Picker is a UI component that allows users to select colors from various color palettes or a spectrum, making it a valuable design tool for customization within the .NET MAUI application.
Easily get started with the .NET MAUI Color Picker using a few simple lines of XAML and C# code example as demonstrated below. Also, explore our .NET MAUI Color Picker Example that shows you how to render and configure the .NET MAUI Color Picker.
<ContentPage
...
xmlns:inputs="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs">
<ContentPage.Content>
<inputs:SfColorPicker x:Name="colorPicker"/>
</ContentPage.Content>
</ContentPage>
using Syncfusion.Maui.Inputs;
namespace ColorPickerSample
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
SfColorPicker colorPicker = new SfColorPicker();
Content = colorPicker;
}
}
}
The color picker offers two distinct modes, palette and spectrum, that define the interface for color selection. Users can switch between these modes programmatically or using the mode switcher in the UI.
Provides a predefined grid of color options, allowing users to select colors by tapping the color cells.
Features an interactive gradient spectrum where users can pick colors, as well as options for hue, saturation, brightness, and alpha adjustments.
Color picker’s touch-friendly design recognizes gestures, allowing users to swipe in all four directions to select color values. It is a responsive tool that adapts its UI for optimal experience across devices such as phones, tablets, and desktops.
The .NET MAUI Color Picker and palette can be customized in multiple ways. A standalone color palette can also be used in a page instead of a dropdown.
When set to palette
mode, the color picker displays recently selected colors, enhancing user convenience and streamlining the color selection process.
The inline feature embeds the color picker directly within the UI layout, avoiding the need for popups or flyouts.
Utilize the alpha slider to control the transparency of the selected color, allowing refined visual customization.
Render the color picker with or without apply and cancel buttons. When the buttons are hidden, the selected color is applied instantly, and the color picker popup closes automatically after selection, enhancing the user experience.
The Syncfusion .NET MAUI Color Picker control supports the following features:
You can find our .NET MAUI Color Picker demo, which demonstrates how to render and configure the Color Picker.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.