Specify '176fc9' as colorPicker input value but miniColors-trigger background is #1770C9 about jquery-minicolors HOT 6 CLOSED

I'm pretty sure this is a rounding error in the hsb2rgb method. You can't type in 176fc9 either, as the same conversion is done on blur.

For my personal notes, the best way to approach this is probably storing the HEX value instead of the HSB value as INPUT data. This will prevent multiple conversions and ensure the selected color is always the same as the INPUT's HEX value.

from jquery-minicolors.

Sorry, I'm not well versed on color math; all I know is that #176fc9 is the color specified by our visual designer and not how to convert that to HEX or HSB and especially not why these functions would introduce rounding errors.

from jquery-minicolors.

Hi, we also got this issue.
But I am not an expert in hsb rgb conversion. I tried to fix it but no failed. Could you tell me if there is any easy workabound?

from jquery-minicolors.

I'm going to try to get this taken care of this week. There's no reason it should be saving the HSB value as data instead of the HEX value. Changing this throughout the plugin will resolve the issue.

from jquery-minicolors.

This issue has been resolved. I'll push the update shortly.

from jquery-minicolors.

The update that I just pushed changes the way opacity is enabled. The plugin will automatically detect if you have a data-opacity attribute on the input element. This will no longer work:

$('.picker').miniColors({
    opacity: true
});

You'll need to add the data-opacity attribute on your input element:

<input type="text" name="color" value="#fff" data-opacity=".5" />

The value and opacity methods still work, or you can check the value and data-opacity attributes directly.

from jquery-minicolors.