Live data from Hacker News

Practical Color Theory for People Who Code

tallys.github.io

31–40 of 72 posts

Re: Practical Color Theory for People Who Code

#31

Ugh. This is well meaning, but because based on a color model with a very tenuous relation to human color perception, with further decisions built on loose heuristics without rigorous support (and apparently ported from paint mixing advice), the choices made are pretty arbitrary, yielding poor results. This part in particular ... > Pick any color by selecting its hue (0-360) on the color wheel at full saturation (100…

What would be some good books on colour theory you'd recommend?

Re: Practical Color Theory for People Who Code

#32
post #12
post #8

Earlier quoted context omitted.

Someone making a color scheme for a chart needs to be very rigorous indeed, because color is actually how the data is represented, in some cases. The tutorial seems to be aimed at front-end developers that want to put together a color scheme for a website. In this case, color is more like decoration, so it doesn't need to be as rigorous, IMHO.

Color vision deficiencies (specifically dichromacy and monochromacy) need to be taken into account; the more important it is to convey (hazards) the more necessary it needs consideration.

i was going to post a comment along the lines of... and once again everyone has to have perfect colour vision....

what is it with these "experts" that think the way they see things is correct?

ever met someone with less than perfect vision... ever heard of someone with less than perfect vision?!?! this is why you have high contrast modes on your operating system, and colour blind mode in some games (not enough of this)

ffs

Re: Practical Color Theory for People Who Code

#34

If you want to do something meaningful with colors, don't use RGB, and don't use HSL (which is based on RGB). These spaces are problematic. For instance, pure blue and pure green in RGB space have very different lightness. Here's a picture of the region of colors covered by RGB: https://en.wikipedia.org/wiki/HSL_and_HSV#/media/File:Srgb-i... If RGB space corresponded to what our eyes saw, that would be a perfect hexa…

Plugging my side project a Munsell to sRGB converter.

https://github.com/germ/munsellScript/blob/master/README.md

It's useful because it gives a manipulatable version of the colour (lighten the value, shift the hue, etc) and then wing it back to hex. Integrates with keybinds and clipboard integration. Highlight, keybind, manipulate, keybind. Repeat as needed. There's a demo in the readme.

Re: Practical Color Theory for People Who Code

#35
post #25

This is pretty flawed. First off, never, ever use complementary colors as the foundation for your design. A red green color scheme (for example) will produce a result that "vibrates." Open your image editor of choice and look at green text (#00FF00) on a red background (#FF0000). Illegible. Painful to the eye. Don't do it. Read more here: https://webdesign.tutsplus.com/articles/why-you-should-avoid... Secondly, rotat…

I would hope that no one would pick red and green as their primary complementary colors, since to a non-trivial subset of users they would be indistinguishable.

Re: Practical Color Theory for People Who Code

#36

That's really handy (especially for someone who's as aesthetically challenged as me) - but it would be nice what mix() actually does/means. I mean it seems to be a handy sass built-in(?) but it would be nice for us who are not webdevs to know how to manually "mix" HSL colors to get the same results.

It's a linear interpolation of RGB values. I'm sure it could be improved on.

http://sass-lang.com/documentation/Sass/Script/Functions.htm...

Re: Practical Color Theory for People Who Code

#37
post #25

This is pretty flawed. First off, never, ever use complementary colors as the foundation for your design. A red green color scheme (for example) will produce a result that "vibrates." Open your image editor of choice and look at green text (#00FF00) on a red background (#FF0000). Illegible. Painful to the eye. Don't do it. Read more here: https://webdesign.tutsplus.com/articles/why-you-should-avoid... Secondly, rotat…

red green is bad because of colour blindness

Re: Practical Color Theory for People Who Code

#38
post #25

This is pretty flawed. First off, never, ever use complementary colors as the foundation for your design. A red green color scheme (for example) will produce a result that "vibrates." Open your image editor of choice and look at green text (#00FF00) on a red background (#FF0000). Illegible. Painful to the eye. Don't do it. Read more here: https://webdesign.tutsplus.com/articles/why-you-should-avoid... Secondly, rotat…

red green is bad because of colour blindness

All colors are potentially problematic.

https://en.wikipedia.org/wiki/Color_blindness#Types

Re: Practical Color Theory for People Who Code

#39
post #25

This is pretty flawed. First off, never, ever use complementary colors as the foundation for your design. A red green color scheme (for example) will produce a result that "vibrates." Open your image editor of choice and look at green text (#00FF00) on a red background (#FF0000). Illegible. Painful to the eye. Don't do it. Read more here: https://webdesign.tutsplus.com/articles/why-you-should-avoid... Secondly, rotat…

The reason bright red + bright green “vibrates” is because they don’t have enough lightness contrast (see my other comments in this thread).

If you choose a dark red (say, #C2454F in sRGB) and a light green (say, #51E6AF) you’ll be fine (albeit a bit garish in this particular example). Or choose a light red and a dark green if you prefer. Where you wind up in trouble is with two colors of the same lightness, say #DC555E and #047E54.

Re: Practical Color Theory for People Who Code

#40
post #25

This is pretty flawed. First off, never, ever use complementary colors as the foundation for your design. A red green color scheme (for example) will produce a result that "vibrates." Open your image editor of choice and look at green text (#00FF00) on a red background (#FF0000). Illegible. Painful to the eye. Don't do it. Read more here: https://webdesign.tutsplus.com/articles/why-you-should-avoid... Secondly, rotat…

I might add: Mixing complementary colors is also just greying them down. You might consider tinting your colors (mixing both with a single 3rd color) instead.
Post reply on HN