How is your experience with the OutSystems Community?
25
Views
5
Comments
Solved
How to use color widget to select Color in Outsystems?
Application Type
Reactive

What is the simplest way to use color widget or color picker.
I want provide functionality user select color and apply it accordingly.

2026-05-21 04-48-12
Deepa Tiwari
Solution

Hi Atal,

This can be achieved using simple HTML. You can use an  input type="color"  , which provides a native color picker. 
It allows the user to select a color, and you can retrieve the selected color value in HEX format. You can then use this value directly in your CSS or convert it to RGB if required. 
For example: 
<input type="color" value="#FF0000">
You can then use the selected value dynamically in your CSS:
 background-color: #FF0000; 

In OutSystems, you can capture the selected color value using variable on input, then use that value wherever required.


Hope this will Help you.


2026-06-20 17-43-43
Sherif El-Habibi
Champion

Hello @Atal Sharma,

You can use this forge component.

2026-02-26 06-29-24
Rahul
 
MVP

@Sherif El-Habibi ,

This component is for Traditional web And the question is for Reactive.

2026-06-20 17-43-43
Sherif El-Habibi
Champion

You're right. My bad, I didn't notice it.

I found this one for Reactive: HTML Color Picker.

2026-01-28 16-57-48
Mihai Melencu
Champion

Hi @Atal Sharma ,

You can use a simple input and override the type to color.

The variable set in the input will hold the color value.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.