Most active commenters
  • NetOpWibby(4)
  • (3)
  • culi(3)

←back to thread

681 points NetOpWibby | 25 comments | | HN request time: 0.001s | source | bottom

Hey everyone,

About a year ago I embarked on creating a color scheme for a project and I loved it so much I began using it for everything. I decided to make an official repo for it to share with the world.

Anyhoo, hope y'all enjoy it.

1. dcchambers ◴[] No.43074937[source]
I'm confused by the usage of the word color scheme.

To me a color scheme is something like monokai. A small number of colors that go well together. The application (eg syntax highlighting in a code editor) is obvious and easy. This is just...lots of monochrome colors? How would I use this? Not trying to be dismissive, I'm just confused.

replies(5): >>43075170 #>>43077407 #>>43079850 #>>43080346 #>>43081091 #
2. xrisk ◴[] No.43075170[source]
color palette would be more accurate
replies(1): >>43075208 #
3. NetOpWibby ◴[] No.43075208[source]
Hmm yeah, I like that better.

EDIT: Updated

replies(3): >>43075719 #>>43076913 #>>43078813 #
4. froh ◴[] No.43075719{3}[source]
you could also update the HN submission title, technically...
replies(1): >>43075786 #
5. NetOpWibby ◴[] No.43075786{4}[source]
I don't see that option at this point. I don't know how to tag @dang either.
6. wumms ◴[] No.43076913{3}[source]
For completeness, the repo's "About" still reads "the color scheme for internet lovers"
replies(1): >>43080222 #
7. MortyWaves ◴[] No.43077407[source]
I'm also equally confused how essentially a list of boxes with colours gets 476 points.
replies(4): >>43077861 #>>43078236 #>>43080368 #>>43081088 #
8. ◴[] No.43077861[source]
9. handwarmers ◴[] No.43078236[source]
I don't mind that it has that many points - I actually really like the work that guy did. What I don't understand is why all the comments are so weird. It's like everyone who had a bad day decided to come here and take it out on this his work.
replies(2): >>43079777 #>>43080019 #
10. scooke ◴[] No.43078813{3}[source]
Color Scheme is indeed more appropriate as they area specific set of colours this guy has used throughout his career. I can tell you one more specific reason for 47x points -- he actually includes the hex numbers for the colours!!! No more copying and pasting into a third app that can guestimate. It's a real time saver.
replies(1): >>43078848 #
11. johnisgood ◴[] No.43078848{4}[source]
I do not see the hex.
12. miohtama ◴[] No.43079777{3}[source]
Welcome to Hacker News, a news site for autistic geeks who take your work apart in their anger for the world.
replies(2): >>43079842 #>>43080315 #
13. dingnuts ◴[] No.43079842{4}[source]
hey man, this site might be full of assholes but you shouldn't group in the autistics, they didn't do anything to you
replies(1): >>43079955 #
14. docmars ◴[] No.43079850[source]
This is similar to how Tailwind provides a complete color palette to use in UI development.

Different shades of a single hue give you flexibility to create UI elements that feel like a family and coordinate well with each other. As an example, you might want a blue card with similarly blue borders. You may use a lighter blue for the background, and a darker one for the borders.

Instead of using a black border with opacity applied, each shade for this palette has been individually selected to fit within its hue family. The other benefit is, for each "shade level" you can guarantee they will be consistent across hues: 50% gray is near 50% red, etc.

More generally, this is designed so that each hue looks great with every other hue here. Not just any color will do, they need to coordinate.

15. hnbad ◴[] No.43079955{5}[source]
As an autistic geek who is angry at the world, I'd like to point out that he didn't exclusively refer to autistics but specified autistic geeks.
16. dylan604 ◴[] No.43080019{3}[source]
This isn't preschool where you present your work to the teacher to receive a gold star. This is someone presenting something to "professionals" providing critical feedback. That's always going to be ripe for someone getting their feelings hurt.

Sometimes, it's well deserved feedback that is not pleasant to hear, but if you get bent out of shape as a developer because of it, then you're just going to have a tough life. No developer is perfect. There is always room for improvement. If you think you're perfect and your Show HN is flawless, then please wait while I grab some popcorn.

For this specific example, it's data inadequate type of release. I would say the landing page needs more information, but it's just one page, so the "top portion" definitely needs some work. Great, there's an acceptable display of the various color "charts" that the product actually is intended, but there's no information on what it is, why it works, or why "internet lovers" would be interested.

For instance, the name. I had to internet search to find the meaning of the name to see if maybe that would provide some insight. Nope. That didn't help much at all. Although, I now know a new Japanese word.

This is something that looks to be developed by someone that is passionate about this, but overlooked that not everyone that would view their post as intimately versed in the topic. Let's face it, most devs might as well be colorblind when it comes to the results of their UIs. You can always tell when the devs/coders built the UI vs when a team with actual design skills were involved. Just look at the beginnings of pretty much every single *nix.

17. NetOpWibby ◴[] No.43080222{4}[source]
I missed that, thanks!
18. eyelidlessness ◴[] No.43080315{4}[source]
This autistic geek finds the excessive cynicism here really tiresome.
19. culi ◴[] No.43080346[source]
Yeah imo they should've used "color palette". Similar to:

Open Color from OpenProps https://yeun.github.io/open-color/

Tailwind's color palette https://tailwindcss.com/docs/colors

As far as design goes, color palettes can be extremely difficult to choose while maintaining good scores on color contrast and other accessibility measures. A standardized palette is useful because it does all that work for you. Having these 3 options to choose from is pretty nice since I often reach for OC or TW palettes but often find them lacking in hues I want.

replies(1): >>43080497 #
20. culi ◴[] No.43080368[source]
Choosing a color palette is actually quite a difficult task from a design perspective. You have to take into account color contrast and many other accessibility measures. When I start small projects I often reach for Open Color[0] or TW's palette[1] (even if I don't use TW) because they've done all that work for me. Having a third option to choose from is something I look forward to

[0] https://yeun.github.io/open-color/

[1] https://tailwindcss.com/docs/colors

replies(1): >>43080775 #
21. seanwilson ◴[] No.43080497[source]
> As far as design goes, color palettes can be extremely difficult to choose while maintaining good scores on color contrast and other accessibility measures. A standardized palette is useful because it does all that work for you. Having these 3 options to choose from is pretty nice since I often reach for OC or TW palettes but often find them lacking in hues I want.

I think it's easier than it looks with the right tooling. You could try my UI color palette creator (you can can customise every shade, so it's not a generator as such):

https://www.inclusivecolors.com/

It checks the contrast values against a live UI mockup so you get help knowing the contrast scores are good, and what the colors look like together.

I thought the same before, but feel with the right tooling like this, color palette design goes from extremely difficult (e.g. bouncing between multiple tools manually checking contrast between pairs and if colors look good to together) to much more manageable.

E.g. if you mostly want Tailwind but with a few different hues, you can try loading Tailwind from the "Example" menu, shift some of the hue curves, then tweak the saturation curves, and it'll have the same WCAG contrast guarantees (because it's using a "perceptually uniform" color space).

I use this tool myself for making custom branded palettes for projects, rather than picking from Tailwind colors that are seen often now.

22. MortyWaves ◴[] No.43080775{3}[source]
Which is even more frustrating that the linked site does not have a good set of colours per the comments...
replies(1): >>43081426 #
23. ◴[] No.43081088[source]
24. ◴[] No.43081091[source]
25. culi ◴[] No.43081426{4}[source]
Yeah I posted before seeing the reviews about the a11y shortcomings. I probably won't include this palette into my rotation after all