Planner should support color keywords, not just hex

Question

Planner should support color keywords, not just hex

rachelnabors opened this issue 4 years ago · 5 comments

rachelnabors commented 4 years ago

Example

Assigning a CSS color keyword like black instead of #000000 to color throws error:

Expected Behavior

If color's value doesn't begin with a #, compare it to a dictionary of CSS colors.
If not in the dictionary, either throw error or use "transparent" (your choice).
If in the dictionary, use that keyword for the color.

Answer 1 · 2022-02-03T19:31:46.000Z

Totally understand why this would be a nice convenience feature- but it’s a hard limitation currently because of how my color highlighting (on hover) and contrast (foreground vs background color determination) works. Both require converting between hex and rgb values. I’d like to avoid having to hardcode a long list of CSS color names. (I think there are well over 100 of them?)

Answer 2 · 2022-02-03T23:10:46.000Z

The browser itself could confirm whether or not the keyword is a valid color like so: https://stackoverflow.com/questions/48484767/javascript-check-if-string-is-valid-css-color

Answer 3 · 2022-02-03T23:12:15.000Z

It’s not about confirmation- but rather, how to covert a color name to an rgb value (so I can calculate contrast).

Answer 4 · 2022-02-03T23:15:01.000Z

What about getComputedStyle()?

https://stackoverflow.com/questions/1573053/javascript-function-to-convert-color-names-to-hex-codes/24390910

Answer 5 · 2022-02-03T23:21:12.000Z

Oh, nice! That looks like it could work then as a fallback for non-hex colors.