Happy Hues – Curated colors in context • Hacker News Board

Re: Happy Hues – Curated colors in context

#81

Post by spectramax » Fri, Dec 13, 2019, 5:08 PM UTC

How about black and white, and use color sparingly to get attention?

To me, colors have to be justified to be used anywhere in graphic design. But, I am pretty sure this would be an unpopular opinion amongst designers since color is such an integral part of "the look" today - anywhere and everywhere.

I take a hard lined approach towards design: Follow Swiss/International style for layout, minimal typography, use borders to seperate content, show hierarchy through type size first, and if colors are needed for additional context - use them sparingly.

Re: Happy Hues – Curated colors in context

#82

Post by ken » Fri, Dec 13, 2019, 5:10 PM UTC

This is a joke site, right?

> Blue is a very calming color and can actually slow your metabolism (notice how there's little to no food brands that use blue in their branding).

Best Foods / Hellman's, Kraft, Barilla, Spam, Nestle, Pilsbury, Ocean Spray, Oreo, Quaker ... if this is for real, they've evidently never been to a grocery store.

> Purple thinks it's better than all the other peasant colors.

I guess so.

Re: Happy Hues – Curated colors in context

#83

Post by SamBam » Fri, Dec 13, 2019, 5:20 PM UTC

ken wrote: post #82

This is a joke site, right? > Blue is a very calming color and can actually slow your metabolism (notice how there's little to no food brands that use blue in their branding). Best Foods / Hellman's, Kraft, Barilla, Spam, Nestle, Pilsbury, Ocean Spray, Oreo, Quaker ... if this is for real, they've evidently never been to a grocery store. > Purple thinks it's better than all the other peasant colors. I guess so.

Do you think that any site with humorous copy has to be a "joke site?" Seems pretty belittling to the creator of this.

Re: Happy Hues – Curated colors in context

#84

Post by feelingextra » Fri, Dec 13, 2019, 5:25 PM UTC

BrandoElFollito wrote: post #75

The timing is great - I am redecorating my home dashboard with new colors. One of the major struggles I have is with the dark mode - is there a methodology to assign "dark" colors based on the existing "light" ones? Or should I do the design twice, one for the light and one for the dark mode version?

> is there a methodology to assign "dark" colors based on the existing "light" ones? Or should I do the design twice, one for the light and one for the dark mode version?

You can try inverting the colors used for the light theme to obtain a decent starting point for the dark theme design.

If you use SASS you can use `invert` for that, or `invert` from the CSS-in-JS library "polished"

For anyone curious how the inverse of a color is calculated, read this answer on StackExchange: https://graphicdesign.stackexchange.com/a/95100

Re: Happy Hues – Curated colors in context

#85

Post by duxup » Fri, Dec 13, 2019, 5:39 PM UTC

I like this idea. Especially as a dev who does a lot of front end work but has little sense of design.

I've seen a lot of color generators but I start to apply them and quickly realized having a grab bag of colors that look good together does not mean I have any clue where to use each one... and the result looks just as bad as one with the wrong colors.

Re: Happy Hues – Curated colors in context

#86

Post by jungletime » Fri, Dec 13, 2019, 5:41 PM UTC

Hate to be a critic, but the transitions are distracting. Why can't I just read without things jumping out at me, from all sides. Its a little jarring.

Re: Happy Hues – Curated colors in context

#87

Post by soperj » Fri, Dec 13, 2019, 5:49 PM UTC

I really like the idea. If you are promoting stuff like this though, please please please check to see whether your color schemes meets WCAG contrast guidelines. I took a look at one randomly in the firefox developer edition accessibility tab and there were a large number of contracts flags.

Re: Happy Hues – Curated colors in context

#88

Post by ChrisMarshallNY » Fri, Dec 13, 2019, 5:54 PM UTC

soperj wrote: post #87

I really like the idea. If you are promoting stuff like this though, please please please check to see whether your color schemes meets WCAG contrast guidelines. I took a look at one randomly in the firefox developer edition accessibility tab and there were a large number of contracts flags.

It's a great idea, but soperj is correct. It's a good idea to make sure that things like contrast ratio and colorblind hues are taken into account.

Possibly have notes on certain palettes, indicating their accessibility score.

Thanks!

Re: Happy Hues – Curated colors in context

#89

Post by samcampbell » Fri, Dec 13, 2019, 5:55 PM UTC

adventskalender wrote: post #12

I love the approach, however, the palettes all seem to be in the same style. A bit more diversity would be cool. Any other sites HN could recommend for picking colors? I suck at that. Colourlovers is a classic I know about, but iirc it is complicated with copyright. https://www.colourlovers.com/

https://www.colorbox.io/

Re: Happy Hues – Curated colors in context

#90

Post by dpau » Fri, Dec 13, 2019, 7:00 PM UTC

ollerac wrote: post #73

adventskalender wrote: post #12

I love the approach, however, the palettes all seem to be in the same style. A bit more diversity would be cool. Any other sites HN could recommend for picking colors? I suck at that. Colourlovers is a classic I know about, but iirc it is complicated with copyright. https://www.colourlovers.com/

A simple approach I love is just to choose a simple color scheme like Open Colors ( https://yeun.github.io/open-color/ ) and just use colors from there. There's also this great article: https://refactoringui.com/previews/building-your-color-palet...

both of these links are excellent. i love that open color has sass and i can just use the variables in bootstrap. thank you.