Live data from Hacker News

Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

enes.in

121–130 of 167 posts

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#121
post #61

Earlier quoted context omitted.

Very cool. Please add permalinks/history state, so we can share specific hue or colors. Thanks!

Looks like it's on Github, you could submit a pull request to add those things :)

It's always the smiley face that takes a comment from idiosyncratic but potentially earnest to condescending and passive-aggressive.

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#123

Earlier quoted context omitted.

Code is poetry when written as such, Words in stead of numbers add a nice touch Those who treat it as craft and an art May find that named colors are a good start.

So whether your colors be blue Or red or lightsalmon or yew Remember that if life is rough Just add in a little more peachpuff!

[deleted]

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#124

This is definitely a cool way of exploring CSS colors. But, serious question: does anyone actually use CSS colors except for a handful of the basics ("red", "blue") for prototyping/debugging? I mean, the idea of typing "background-color: lightsalmon;" just feels so bizarre to me. Whenever I've needed to come up with colors from scratch, I'll just start with an intuitive best guess -- e.g. "hsl(30, 80%, 50%)" -- and t…

Code is poetry when written as such, Words in stead of numbers add a nice touch Those who treat it as craft and an art May find that named colors are a good start.

It still should be doubly stressed,

that you could use something like LESS,

to substitute code arbitrarily,

for the readable name that's there really.

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#125
post #34

Earlier quoted context omitted.

A good IDE will show a color preview https://code.visualstudio.com/assets/docs/languages/css/colo...

Awesome if you're in your office on your usual work computer. Not great if you're in the field trying to make quick fixes on whatever terminal a client provides.

In which reality do you need to monkey patch CSS color values on a terminal directly to production? With no possibility of running a IDE?

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#126

This is definitely a cool way of exploring CSS colors. But, serious question: does anyone actually use CSS colors except for a handful of the basics ("red", "blue") for prototyping/debugging? I mean, the idea of typing "background-color: lightsalmon;" just feels so bizarre to me. Whenever I've needed to come up with colors from scratch, I'll just start with an intuitive best guess -- e.g. "hsl(30, 80%, 50%)" -- and t…

I prefer to use named colors in my own CSS layouts. "lightsalmon" is more descriptive to me than "#FFA07A" or "rgb(255, 160, 122)" or "hsl(17, 100%, 73.9%)" at a glance.

It's more descriptive, but usually you design UIs for the user, not for the developer writing the CSS

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#127
post #106
post #2

The idea was to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decide between a few CSS colors, I can just check them here side by side. I've created this tool last summer, but I hadn't shared it here back then. It's a PWA that I made with pure JS.

Awesome! Could you possibly implement a double-click to clipboard copy option?

Thanks for the suggestion. Could be nice to have, but then there must be a visual feedback for the user. Issues/PRs are welcomed in the GH repo.

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#128
post #9

Good reminder that in CSS, darkgray is a light gray and gray is a dark gray. Also presumably up is down and wet is dry.

But 'chucknorris'[0] is still my favorite red. [0]: https://stackoverflow.com/questions/8318911/why-does-html-th...

That's fun. I've coded this useless tool based on your comment: "What's Your HTML Color ?"[0]

[0]: https://onivers.com/color.html

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#129
post #2

The idea was to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decide between a few CSS colors, I can just check them here side by side. I've created this tool last summer, but I hadn't shared it here back then. It's a PWA that I made with pure JS.

This is really well done. Congratulations on making such a useful tool. Thanks for sharing!

Re: Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way

#130
post #128

Earlier quoted context omitted.

But 'chucknorris'[0] is still my favorite red. [0]: https://stackoverflow.com/questions/8318911/why-does-html-th...

That's fun. I've coded this useless tool based on your comment: "What's Your HTML Color ?"[0] [0]: https://onivers.com/color.html

Ah! Maybe useless but cool nonetheless!
Post reply on HN