Customization in WPF ColorPicker

1 Aug 20232 minutes to read

ColorPicker has build-in color palette to select solid color easily. This can be enabled using IsColorPaletteVisible property.

XAML

<syncfusion:ColorEdit  x:Name="ColorEdit2"   IsColorPaletteVisible="True"/>

C#

IsColorPaletteVisible.IsColorPaletteVisible = true;

Gradient brush display mode

Brush representation of ColorPicker can be customized using GradientBrushDisplayMode property.

XAML

<sync:ColorPicker  GradientBrushDisplayMode = "Extended"/>

C#

colorPicker1.GradientBrushDisplayMode = Syncfusion.Windows.Tools.GradientBrushDisplayMode.Extended;

XAML

<sync:ColorPicker  GradientBrushDisplayMode = "Default"/>

C#

colorPicker1.GradientBrushDisplayMode = Syncfusion.Windows.Tools.GradientBrushDisplayMode.Default;

Inverted Color

ColorEdit has option to get the contrast/inverted color of the selected color using InvertColor property.

XAML

<syncfusion:ColorEdit  x:Name="ColorEdit2"    />
   <TextBlock  Name="textblock2" Text="a"  TextAlignment="Center"  FontSize="70"  Background="{Binding ElementName=ColorEdit2, Path=Brush,UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Center" VerticalAlignment="Center" Height="110" Width="110">
     <TextBlock.Foreground>
       <SolidColorBrush Color="{Binding ElementName=ColorEdit2,Path=InvertColor,UpdateSourceTrigger=PropertyChanged}"/>
     </TextBlock.Foreground>
 </TextBlock>

C#

textblock2.Background = ColorEdit2.Brush;

textblock2.Foreground = new SolidColorBrush(ColorEdit3.InvertColor);

ScRGB-Color

ScRGB color can be obtained by setting IsScRGBColor property in ColorEdit.

XAML

<syncfusion:ColorEdit  x:Name="ColorEdit2"   IsScRGBColor="True"/>

C#

ColorEdit2.IsScRGBColor = true;