# Replacement for Color-picker

**URL:** <https://discourse.nodered.org/t/replacement-for-color-picker/100569>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [15 March 2026 12:09 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569 "2026-03-15T12:09:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![warnert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/warnert/32/108132_2.png) [@warnert](https://discourse.nodered.org/u/warnert)\
**Post date:** [15 March 2026 12:09 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569/1 "2026-03-15T12:09:48Z")

</div>

I have a page where I display the values of an air quality sensor.  
With Dashboard I i used the colorpicker to display a block with a color corresponding to the danger-level. Green=ok red=very\_bad and that in 6 steps.  
Dashboard 2 does not have the color picker and I cannot find it in the palette.  
Any idea how to solve this problem?

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [15 March 2026 13:00 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569/2 "2026-03-15T13:00:38Z")

</div>

Use a ui-text-input widget with mode set to color

---

<div class="post-metadata">

**Author:** ![warnert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/warnert/32/108132_2.png) [@warnert](https://discourse.nodered.org/u/warnert)\
**Post date:** [15 March 2026 16:07 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569/3 "2026-03-15T16:07:00Z")

</div>

Ok, that's easy. Gives me a black block. In Dash1 you could send a hex string as msg.payload f.i. "00DD88" to the node to get a green color, but that does not work.

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [15 March 2026 21:48 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569/4 "2026-03-15T21:48:30Z")

</div>

You have to pass in a hex number so pass in "#00DD88" and it works. Click on the black block to select a colour.

There are some limitations in that selecting HSL or RGB in the colour selector always outputs a hex number for the colour selected.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [14 April 2026 21:48 UTC](https://discourse.nodered.org/t/replacement-for-color-picker/100569/5 "2026-04-14T21:48:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.