Button with custom color

[denprog]

Hi. I want to have a button for choosing color. When user clicks it, a color picker dialog opens, user chooses a color, closes the dialog and the button becomes of the chosen color. But as far as I understand the component q-btn can only have "color" style which receives predefined colors. So, this way it doesn't work:
<q-btn color='colorModel' @click='onCodeBlockColor();'>{{ codeBlockColor }}</q-btn>
or so:
<q-btn color='#FF00FF' @click='onCodeBlockColor();'>{{ codeBlockColor }}</q-btn>
How can I use a variable to set background color of a button?

[denprog]

So, there is no a method to make such a simple thing?

[denprog]

For those who need answer:

<q-btn :style="{ 'background-color': color }" @click='onVariablesColor();'>{{ variablesColor }}</q-btn>

setup
{
    const color = ref('#ff0000');
    return color;
},

methods:
{
    onVariablesColor()
    {
        //here the color of the button may be changed
        this.color = this.store.state.editor.dialog_color;
    }
}