color.js
color.js copied to clipboard
color-js
toString return complete hex color
how about a feature:
new Color('red').toString({ format: 'hex' }); // #f00
add option to return #ff0000:
eg: new Color('red').toString({ format: 'hex', complete: true }); // #ff0000
We wouldn't be adding a separate option just to customize a format, but we should add something like format: "hex6", I've needed this too (for <input type="color"> in my case, but many places expect 6 digits)
@svgeesus We should brainstorm about the name of this format (hex6? hex_6? hex_full? something else?), but the actual code changes should be very simple. I'll leave this open for a bit in case a new contributor wants to pick it up for their first PR.
hex6 seems good because CSS Color 4 defines 3, 4, 6 and 8-digit hexadecimal forms and that naming allows all of them to be conveniently specified, eventually. (The 3 and 4 digit forms are lossy for most colors).
@svgeesus The current "hex" format returns either 3, 4, 6, or 8 digit hex depending on whether alpha exists and whether there is an equivalent 3 or 4 digit hex. I guess this new format would return 4 or 8 characters (authors can always override alpha to get 6), so that would actually be a good argument for hex_full or something along these lines.
It looks like this is already possible by passing in collapse: false-
let color = new Color("red").toString({format: 'hex', collapse: false})
// "#ff0000"
I'll defer to you all on whether this should be documented as is, or implemented in another way.
Yes, I think I implemented that after this issue and forgot to close it! Still needs docs tho so maybe it should stay open.
On the one hand, 'hex6' seems way easier to remember but on the other hand, a bird in the implementation is worth two in the ToDo. Or something. So, if there is a way to get there, adding documentation is easier.
On the one hand, 'hex6' seems way easier to remember but on the other hand, a bird in the implementation is worth two in the ToDo. Or something. So, if there is a way to get there, adding documentation is easier.
Also, it's not always 6 characters. If you have alpha, it's 8.