How to create a color picker for users to select a custom font color on my page

Hello,

I have a page that I would like my users to be able to select a font color for text elements on the page.

I wish there was a way for us to use the color picker tag

Here is what I am trying to make work but I think it's all wrong and their is probably an easier way to do the same thing...

// FontColorInput is a text input field where the user will have to put in a hex value

// text1 is a textbox on the page

// when the user clicks off the input field (FontColorInput) the blur event runs the code to change the color when the user clicks off the field.

export function FontColorInput_blur(event) {

let introText = $w("#text1").text; $w("#text1").html = "<p style='font-size: 25px; font-style: avenir; text-align: right; color:" + $w("#FontColorInput") + " '>" + introText + "</p>"; }