Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

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.

.NET MAUI Color Picker control in spectrum mode.


.NET MAUI Color Picker Code Example

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;
		}
	}
}

Color modes

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.

.NET MAUI Color Picker control in palette mode.

Palette

Provides a predefined grid of color options, allowing users to select colors by tapping the color cells.

.NET MAUI Color Picker control in spectrum mode.

Spectrum

Features an interactive gradient spectrum where users can pick colors, as well as options for hue, saturation, brightness, and alpha adjustments.


Touch-friendly and responsive

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.

Touch interaction in .NET MAUI Color Picker.


Custom Color Picker/palette in .NET MAUI.

Custom color picker/palette

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.


Recent color

When set to palette mode, the color picker displays recently selected colors, enhancing user convenience and streamlining the color selection process.

Recent color in .NET MAUI Color Picker.


Inline rendering in .NET MAUI Color Picker.

Inline mode

The inline feature embeds the color picker directly within the UI layout, avoiding the need for popups or flyouts.


Alpha slider

Utilize the alpha slider to control the transparency of the selected color, allowing refined visual customization.

Alpha slider in .NET MAUI Color Picker.


Hide control buttons in .NET MAUI Color Picker.

Hide control buttons

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.




Struggling to decide on the right product?

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

tick-mark 65+ UI controls
tick-mark 200+ interactive .NET MAUI demos
tick-mark 1.3M+ downloads

Frequently Asked Questions

The Syncfusion .NET MAUI Color Picker control supports the following features:

  • HEX, RGBA, and HSVA color formats supported as inputs.
  • Support for spectrum and palette modes.
  • Highly customizable control with smooth selection.
  • Interactive UI with transparency control.
  • One of the best .NET MAUI Color Picker in the market, offering feature-rich UI to interact with the software.
  • Simple configuration and APIs.
  • Mobile-touch friendly.
  • Extensive demos, and documentation to let you get started quickly with the .NET MAUI Color Picker.

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.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Syncfusion .NET MAUI Resources

Awards

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.

Up arrow icon