How to change the ColorPicker HEX Value string format to #RRGGBB

[Nimura]

Hi,

Is there a way to display the input value of the HEX Value control in the “#RRGGBB” format in ColorEdit Control?

If the IsAlphaVisible property is set to “False”, I would like to specify the HEX Value without AlphaValue.

Thanks

[Sekar Sivalingam]

Hi Nimura,

Thank you for your query. If the IsAlphaVisible property is set to False, the HEX value in the ColorEdit control will display the color in the #RRGGBB format, excluding the Alpha (A) value by default. You can pick a color using the RGB format by setting the VisualizationStyle property to ColorSelectionMode.RGB. Additionally, the color format can be switched dynamically from HSV to RGB at runtime using the built-in color model ComboBox.

Please refer to the attached sample and let us know if this resolves your query or if you need any further assistance.

Regards,

Sekar Sivalingam

Attachment: WpfApp1_5157bad8.zip

[Nimura]

Thanks for the reply.

When I run the attached sample, the format of the TextBox where the HEX Value is entered is #AARRGGBB as shown in the attached image.

#RRGGBB is automatically converted to #AARRGGBB with AlphaValue added.

Is there a way to always display the TextBox for HEX Value as #RRGGBB?

Please let me know if there is also a way to set the Style And Template.

regards.

[Sekar Sivalingam]

Hi Nimura,

Thank you for your query.

We have reviewed the ColorPicker control and found that there is no direct option to display the HEX value as #RRGGBB instead of #AARRGGBB. However, it is possible to achieve this by customizing the styles and templates of the control. Please note that this approach would involve a significant number of changes to the control's template.

Before we proceed with providing a sample or detailed guidance, could you please confirm if you would like us to move forward with this customization approach? We will be happy to assist you once we have your confirmation.

Looking forward to your response.

Regards,

Sekar Sivalingam

[Nimura]

Thanks for the reply.

If it is feasible with the control's template and style, no problem.

We will implement it by separating the template into resource XAML and specifying it in the style.

If you need a customized ColorToStringConverter to convert the text box formatting to #RRGGBB, I will add a customized converter class to my app.

Please attach the source code of the converter class.

regards.

[Sekar Sivalingam]

Hi Nimura ,

Thank you for your confirmation. We have updated the sample to display the HEX value in the #RRGGBB format, as requested, by customizing the styles and templates.

Please find the updated sample attached for your review. Let us know if it meets your requirements or if any further adjustments are needed.

Regards,
Sekar Sivalingam

Attachment: WpfApp1_(2)_30d60d3a.zip

[Nimura]

Thanks.

We have verified that the sample code is working as desired.I will use this code.

Please consider adding an option in future versions where the HEX Valule is #RRGGBB, as it is not customary for web designers to use #AARRGGBB.

Regards.

[Sekar Sivalingam]

Hi Nimura,

Thank you for verifying the sample code, and we’re glad to hear it’s working as desired.

We appreciate your suggestion regarding the HEX value format. We understand that it is more customary for web designers to work with the #RRGGBB format rather than #AARRGGBB. We will definitely consider this feature for future versions of the control.

If you have any further suggestions or questions, please feel free to reach out.

Regards,

Sekar Sivalingam