ColorPicker ColorPicker ColorPicker ColorPicker Class

Definition

Some information relates to pre-released product which may be substantially modified before it’s commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Prerelease APIs are identified by a Prerelease label.

[Contains prerelease APIs.]
Represents a control that lets a user pick a color using a color spectrum, sliders, and text input.

public : class ColorPicker : Control, IColorPickerpublic class ColorPicker : Control, IColorPickerPublic Class ColorPicker Inherits Control Implements IColorPicker// You can use this class in JavaScript.
<ColorPicker .../>

Inheritance
Attributes
Windows 10 requirements
Device family
Windows 10 Insider Preview (introduced v10.0.16257.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v5)

Inherited Members

Inherited properties

Inherited events

Inherited methods

Constructors

ColorPicker() ColorPicker() ColorPicker() ColorPicker()

Prerelease. Initializes a new instance of the ColorPicker class.

public : ColorPicker()public ColorPicker()Public Sub New()// You can use this method in JavaScript.

Properties

Color Color Color Color

Prerelease. Gets or sets the current color value.

public : Color Color { get; set; }public Color Color { get; set; }Public ReadWrite Property Color As Color// You can use this property in JavaScript.
<ColorPicker Color="colorString" .../>

Value
Color Color Color Color

The current color value.

ColorProperty ColorProperty ColorProperty ColorProperty

Prerelease. Identifies the Color dependency property.

public : static DependencyProperty ColorProperty { get; }public static DependencyProperty ColorProperty { get; }Public Static ReadOnly Property ColorProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the Color dependency property.

ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents

Prerelease. Gets or sets a value that indicates how the Hue-Saturation-Value (HSV) color components are mapped onto the ColorSpectrum.

public : ColorSpectrumComponents ColorSpectrumComponents { get; set; }public ColorSpectrumComponents ColorSpectrumComponents { get; set; }Public ReadWrite Property ColorSpectrumComponents As ColorSpectrumComponents// You can use this property in JavaScript.
<ColorPicker ColorSpectrumComponents="colorSpectrumComponentsName" .../>

Value
ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents

A value of the enumeration. The default is HueSaturation.

ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty

Prerelease. Identifies the ColorSpectrumComponents dependency property.

public : static DependencyProperty ColorSpectrumComponentsProperty { get; }public static DependencyProperty ColorSpectrumComponentsProperty { get; }Public Static ReadOnly Property ColorSpectrumComponentsProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the ColorSpectrumComponents dependency property.

ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape

Prerelease. Gets or sets a value that indicates whether the ColorSpectrum is shown as a square or a circle.

public : ColorSpectrumShape ColorSpectrumShape { get; set; }public ColorSpectrumShape ColorSpectrumShape { get; set; }Public ReadWrite Property ColorSpectrumShape As ColorSpectrumShape// You can use this property in JavaScript.
<ColorPicker ColorSpectrumShape="colorSpectrumShapeName" .../>

Value
ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape

A value of the enumeration. The default is Box, which shows the spectrum as a square.

ColorSpectrumShapeProperty ColorSpectrumShapeProperty ColorSpectrumShapeProperty ColorSpectrumShapeProperty

Prerelease. Identifies the ColorSpectrumShape dependency property.

public : static DependencyProperty ColorSpectrumShapeProperty { get; }public static DependencyProperty ColorSpectrumShapeProperty { get; }Public Static ReadOnly Property ColorSpectrumShapeProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the ColorSpectrumShape dependency property.

IsAlphaEnabled IsAlphaEnabled IsAlphaEnabled IsAlphaEnabled

Prerelease. Gets or sets a value that indicates whether the alpha channel can be modified.

public : PlatForm::Boolean IsAlphaEnabled { get; set; }public bool IsAlphaEnabled { get; set; }Public ReadWrite Property IsAlphaEnabled As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaEnabled="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the alpha channel is enabled; otherwise, false. The default is false.

Remarks

The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.

IsAlphaEnabledProperty IsAlphaEnabledProperty IsAlphaEnabledProperty IsAlphaEnabledProperty

Prerelease. Identifies the IsAlphaEnabled dependency property.

public : static DependencyProperty IsAlphaEnabledProperty { get; }public static DependencyProperty IsAlphaEnabledProperty { get; }Public Static ReadOnly Property IsAlphaEnabledProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsAlphaEnabled dependency property.

IsAlphaSliderVisible IsAlphaSliderVisible IsAlphaSliderVisible IsAlphaSliderVisible

Prerelease. Gets or sets a value that indicates whether the slider control for the alpha channel is shown.

public : PlatForm::Boolean IsAlphaSliderVisible { get; set; }public bool IsAlphaSliderVisible { get; set; }Public ReadWrite Property IsAlphaSliderVisible As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaSliderVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the alpha channel slider is shown; otherwise, false. The default is true.

Remarks

The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.

IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty

Prerelease. Identifies the IsAlphaSliderVisible dependency property.

public : static DependencyProperty IsAlphaSliderVisibleProperty { get; }public static DependencyProperty IsAlphaSliderVisibleProperty { get; }Public Static ReadOnly Property IsAlphaSliderVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsAlphaSliderVisible dependency property.

IsAlphaTextInputVisible IsAlphaTextInputVisible IsAlphaTextInputVisible IsAlphaTextInputVisible

Prerelease. Gets or sets a value that indicates whether the text input box for the alpha channel is shown.

public : PlatForm::Boolean IsAlphaTextInputVisible { get; set; }public bool IsAlphaTextInputVisible { get; set; }Public ReadWrite Property IsAlphaTextInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaTextInputVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the alpha channel text input box is shown; otherwise, false. The default is true.

Remarks

The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.

IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty

Prerelease. Identifies the IsAlphaTextInputVisible dependency property.

public : static DependencyProperty IsAlphaTextInputVisibleProperty { get; }public static DependencyProperty IsAlphaTextInputVisibleProperty { get; }Public Static ReadOnly Property IsAlphaTextInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsAlphaTextInputVisible dependency property.

IsColorChannelTextInputVisible IsColorChannelTextInputVisible IsColorChannelTextInputVisible IsColorChannelTextInputVisible

Prerelease. Gets or sets a value that indicates whether the text input boxes for the color channels are shown.

public : PlatForm::Boolean IsColorChannelTextInputVisible { get; set; }public bool IsColorChannelTextInputVisible { get; set; }Public ReadWrite Property IsColorChannelTextInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorChannelTextInputVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the color channel text input boxes are shown; otherwise, false. The default is true.

IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty

Prerelease. Identifies the IsColorChannelTextInputVisible dependency property.

public : static DependencyProperty IsColorChannelTextInputVisibleProperty { get; }public static DependencyProperty IsColorChannelTextInputVisibleProperty { get; }Public Static ReadOnly Property IsColorChannelTextInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsColorChannelTextInputVisible dependency property.

IsColorPreviewVisible IsColorPreviewVisible IsColorPreviewVisible IsColorPreviewVisible

Prerelease. Gets or sets a value that indicates whether the color preview bar is shown.

public : PlatForm::Boolean IsColorPreviewVisible { get; set; }public bool IsColorPreviewVisible { get; set; }Public ReadWrite Property IsColorPreviewVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorPreviewVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the color preview bar is shown; otherwise, false. The default is true.

IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty

Prerelease. Identifies the IsColorPreviewVisible dependency property.

public : static DependencyProperty IsColorPreviewVisibleProperty { get; }public static DependencyProperty IsColorPreviewVisibleProperty { get; }Public Static ReadOnly Property IsColorPreviewVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsColorPreviewVisible dependency property.

IsColorSliderVisible IsColorSliderVisible IsColorSliderVisible IsColorSliderVisible

Prerelease. Gets or sets a value that indicates whether the slider control for the color value is shown.

public : PlatForm::Boolean IsColorSliderVisible { get; set; }public bool IsColorSliderVisible { get; set; }Public ReadWrite Property IsColorSliderVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorSliderVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the color slider is shown; otherwise, false. The default is true.

IsColorSliderVisibleProperty IsColorSliderVisibleProperty IsColorSliderVisibleProperty IsColorSliderVisibleProperty

Prerelease. Identifies the IsColorSliderVisible dependency property.

public : static DependencyProperty IsColorSliderVisibleProperty { get; }public static DependencyProperty IsColorSliderVisibleProperty { get; }Public Static ReadOnly Property IsColorSliderVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsColorSliderVisible dependency property.

IsColorSpectrumVisible IsColorSpectrumVisible IsColorSpectrumVisible IsColorSpectrumVisible

Prerelease. Gets or sets a value that indicates whether the color spectrum control is shown.

public : PlatForm::Boolean IsColorSpectrumVisible { get; set; }public bool IsColorSpectrumVisible { get; set; }Public ReadWrite Property IsColorSpectrumVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorSpectrumVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the color spectrum is shown; otherwise, false. The default is true.

IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty

Prerelease. Identifies the IsColorSpectrumVisible dependency property.

public : static DependencyProperty IsColorSpectrumVisibleProperty { get; }public static DependencyProperty IsColorSpectrumVisibleProperty { get; }Public Static ReadOnly Property IsColorSpectrumVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsColorSpectrumVisible dependency property.

IsHexInputVisible IsHexInputVisible IsHexInputVisible IsHexInputVisible

Prerelease. Gets or sets a value that indicates whether the text input box for a HEX color value is shown.

public : PlatForm::Boolean IsHexInputVisible { get; set; }public bool IsHexInputVisible { get; set; }Public ReadWrite Property IsHexInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsHexInputVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the HEX color text input box is shown; otherwise, false. The default is true.

IsHexInputVisibleProperty IsHexInputVisibleProperty IsHexInputVisibleProperty IsHexInputVisibleProperty

Prerelease. Identifies the IsHexInputVisible dependency property.

public : static DependencyProperty IsHexInputVisibleProperty { get; }public static DependencyProperty IsHexInputVisibleProperty { get; }Public Static ReadOnly Property IsHexInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsHexInputVisible dependency property.

IsMoreButtonVisible IsMoreButtonVisible IsMoreButtonVisible IsMoreButtonVisible

Prerelease. Gets or sets a value that indicates whether the 'more' button is shown.

public : PlatForm::Boolean IsMoreButtonVisible { get; set; }public bool IsMoreButtonVisible { get; set; }Public ReadWrite Property IsMoreButtonVisible As bool// You can use this property in JavaScript.
<ColorPicker IsMoreButtonVisible="bool" .../>

Value
PlatForm::Boolean bool bool bool

true if the 'more' button is shown; otherwise, false. The default is false.

IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty

Prerelease. Identifies the IsMoreButtonVisible dependency property.

public : static DependencyProperty IsMoreButtonVisibleProperty { get; }public static DependencyProperty IsMoreButtonVisibleProperty { get; }Public Static ReadOnly Property IsMoreButtonVisibleProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the IsMoreButtonVisible dependency property.

MaxHue MaxHue MaxHue MaxHue

Prerelease. Gets or sets the maximum Hue value in the range 0-359.

public : int MaxHue { get; set; }public int MaxHue { get; set; }Public ReadWrite Property MaxHue As int// You can use this property in JavaScript.
<ColorPicker MaxHue="int" .../>

Value
int int int int

The maximum Hue value in the range 0-359. The default is 359.

Remarks

The valid range for Hue values is 0-359. Setting a value outside of this range will cause an exception.

MaxHueProperty MaxHueProperty MaxHueProperty MaxHueProperty

Prerelease. Identifies the MaxHue dependency property.

public : static DependencyProperty MaxHueProperty { get; }public static DependencyProperty MaxHueProperty { get; }Public Static ReadOnly Property MaxHueProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MaxHue dependency property.

MaxSaturation MaxSaturation MaxSaturation MaxSaturation

Prerelease. Gets or sets the maximum Saturation value in the range 0-100.

public : int MaxSaturation { get; set; }public int MaxSaturation { get; set; }Public ReadWrite Property MaxSaturation As int// You can use this property in JavaScript.
<ColorPicker MaxSaturation="int" .../>

Value
int int int int

The maximum Saturation value in the range 0-100. The default is 100.

Remarks

The valid range for Saturation values is 0-100. Setting a value outside of this range will cause an exception.

MaxSaturationProperty MaxSaturationProperty MaxSaturationProperty MaxSaturationProperty

Prerelease. Identifies the MaxSaturation dependency property.

public : static DependencyProperty MaxSaturationProperty { get; }public static DependencyProperty MaxSaturationProperty { get; }Public Static ReadOnly Property MaxSaturationProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MaxSaturation dependency property.

MaxValue MaxValue MaxValue MaxValue

Prerelease. Gets or sets the maximum Value value in the range 0-100.

public : int MaxValue { get; set; }public int MaxValue { get; set; }Public ReadWrite Property MaxValue As int// You can use this property in JavaScript.
<ColorPicker MaxValue="int" .../>

Value
int int int int

The maximum Value value in the range 0-100. The default is 100.

Remarks

The valid range for Value values is 0-100. Setting a value outside of this range will cause an exception.

MaxValueProperty MaxValueProperty MaxValueProperty MaxValueProperty

Prerelease. Identifies the MaxValue dependency property.

public : static DependencyProperty MaxValueProperty { get; }public static DependencyProperty MaxValueProperty { get; }Public Static ReadOnly Property MaxValueProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MaxValue dependency property.

MinHue MinHue MinHue MinHue

Prerelease. Gets or sets the minimum Hue value in the range 0-359.

public : int MinHue { get; set; }public int MinHue { get; set; }Public ReadWrite Property MinHue As int// You can use this property in JavaScript.
<ColorPicker MinHue="int" .../>

Value
int int int int

The minimum Hue value in the range 0-359. The default is 0.

Remarks

The valid range for Hue values is 0-359. Setting a value outside of this range will cause an exception.

MinHueProperty MinHueProperty MinHueProperty MinHueProperty

Prerelease. Identifies the MinHue dependency property.

public : static DependencyProperty MinHueProperty { get; }public static DependencyProperty MinHueProperty { get; }Public Static ReadOnly Property MinHueProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MinHue dependency property.

MinSaturation MinSaturation MinSaturation MinSaturation

Prerelease. Gets or sets the minimum Saturation value in the range 0-100.

public : int MinSaturation { get; set; }public int MinSaturation { get; set; }Public ReadWrite Property MinSaturation As int// You can use this property in JavaScript.
<ColorPicker MinSaturation="int" .../>

Value
int int int int

The minimum Saturation value in the range 0-100. The default is 100.

Remarks

The valid range for Saturation values is 0-100. Setting a value outside of this range will cause an exception.

MinSaturationProperty MinSaturationProperty MinSaturationProperty MinSaturationProperty

Prerelease. Identifies the MinSaturation dependency property.

public : static DependencyProperty MinSaturationProperty { get; }public static DependencyProperty MinSaturationProperty { get; }Public Static ReadOnly Property MinSaturationProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MinSaturation dependency property.

MinValue MinValue MinValue MinValue

Prerelease. Gets or sets the minimum Value value in the range 0-100.

public : int MinValue { get; set; }public int MinValue { get; set; }Public ReadWrite Property MinValue As int// You can use this property in JavaScript.
<ColorPicker MinValue="int" .../>

Value
int int int int

The minimum Value value in the range 0-100. The default is 100.

Remarks

The valid range for Value values is 0-100. Setting a value outside of this range will cause an exception.

MinValueProperty MinValueProperty MinValueProperty MinValueProperty

Prerelease. Identifies the MinValue dependency property.

public : static DependencyProperty MinValueProperty { get; }public static DependencyProperty MinValueProperty { get; }Public Static ReadOnly Property MinValueProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the MinValue dependency property.

PreviousColor PreviousColor PreviousColor PreviousColor

Prerelease. Gets or sets the previous color.

public : IReference<Color> PreviousColor { get; set; }public Nullable<Color> PreviousColor { get; set; }Public ReadWrite Property PreviousColor As Nullable<Color>// You can use this property in JavaScript.
<ColorPicker PreviousColor="colorString" .../>

Value
IReference<Color> Nullable<Color> Nullable<Color> Nullable<Color>

The previous color. The default is null.

PreviousColorProperty PreviousColorProperty PreviousColorProperty PreviousColorProperty

Prerelease. Identifies the PreviousColor dependency property.

public : static DependencyProperty PreviousColorProperty { get; }public static DependencyProperty PreviousColorProperty { get; }Public Static ReadOnly Property PreviousColorProperty As DependencyProperty// You can use this property in JavaScript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the PreviousColor dependency property.

Events

ColorChanged ColorChanged ColorChanged ColorChanged

Prerelease. Occurs when the Color property has changed.

public : event TypedEventHandler ColorChanged<ColorPicker,  ColorChangedEventArgs>public event TypedEventHandler ColorChanged<ColorPicker,  ColorChangedEventArgs>Public Event ColorChanged<ColorPicker,  ColorChangedEventArgs>// You can use this event in JavaScript.
<ColorPicker ColorChanged="eventhandler" .../>