<el-color-picker 
    :predefine="[
        '#FF0000', 
        '#00FFFF', 
        '#0000FF', 
        '#00008B', 
        '#ADD8E6', 
        '#800080', 
        '#FFFF00', 
        '#00FF00', 
        '#FF00FF', 
        '#FFC0CB',
        '#C0C0C0',
        '#808080',
        '#000000',
        '#FFA500',
        '#A52A2A',
        '#800000',
        '#008000',
        '#808000',
        '#7FFFD4',
        '#FFFFFF'
    ]" :model-value="modelValue" @active-change="$emit('update:modelValue', $event)" />
<input type="text" class="small-text color-selector-input" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
