8 ms·

LOL Colors: Curated Color Palettes

125 points by brianjking 11y ago

antidaily 11y ago
I prefer ROFL colors.
- luiz-pv9 11y ago
  Don't forget the LMAO ones.
  - kelvin0 11y ago
    Well, everyone knows, OMG colors are the 'in' thing now ...
- efa 11y ago
  That's funny. Why the downvotes?
  - logicrook 11y ago
    There's a tendency to downvote comments that are not useful, to avoid comment threads to degenerate into a flood of snarky fourteen years-old debates. A tendency that I deplore. Also, this comment is seriously unfunny.
  - tlrobinson 11y ago
    Because this is not Reddit. And it wasn't really funny.
deleted 11y ago
[deleted]
zuck9 11y ago
Show HN is for stuff you make yourself. This was made by Mackenzie Child: https://mackenziechild.me https://mackenziechild.me
- nrjames 11y ago
  Not to be confused with MacKenzie-Childs :) http://www.mackenzie-childs.com/ http://www.mackenzie-childs.com/
- brianjking 11y ago
  Sorry! I just wanted to share with everyone, found on producthunt today!
  - zuck9 11y ago
    It's okay, Mackenzie is definitely happy that you shared this.
- dang 11y ago
  Exactly right. Thanks for sharing that information. We took "Show HN" out of the title on this one.
  - brianjking 11y ago
    Thanks, sorry for the mixup!
glossyscr 11y ago
Highly recommended: the Adobe Color website (before Kuler): https://color.adobe.com/explore/most-popular/?time=all https://color.adobe.com/explore/most-popular/?time=all Also the mobile app is extremely well done (can create color schemes from picture or live from the camera)
- ewfwrfw 11y ago
  That is awesome! I can't believe I haven't seen it before. The API is undocumented and restricted it seems, but I did manage to get the first 5000 or so color palettes before my browser crashed: http://pasted.co/38096f65 http://pasted.co/38096f65
  - glossyscr 11y ago
    how did you do this?
    - ewfwrfw 11y ago
      I inserted some JS code via the console that scrolls to the bottom of the page whenever the 'collection-assets' div changed, waited, ran observer.disconnect() as my browser was crashing to a halt, and then saved the HTML and combed through it with regexes. var target = document.querySelector('.collection-assets'); var observer = new MutationObserver(function() { window.scrollTo(0,document.body.scrollHeight); }); var config = { childList: true }; observer.observe(target, config);
      - dandandan 11y ago
        The API just returns JSON; paging through that is much cleaner than hooking into events and parsing HTML with regex. https://color.adobe.com/api/v2/themes?filter=public&startIndex=144&maxNumber=36&sort=like_count&time=all https://color.adobe.com/api/v2/themes?filter=public&startInd...
        ewfwrfw 11y ago
nrjames 11y ago
I like the site but for usability, I would prefer to see all of the hex values for a given palette at once instead of hovering over each color individually.
deleted 11y ago
[deleted]
muh0m0rka 11y ago
Would be nice if one could choose a palette, apply it to the LOL emoticon and save the result
deleted 11y ago
[deleted]
logicrook 11y ago
This triggers me. Besides having no explanation whatsoever, none of these palettes are usable for similar roles. So if you are able to pick a palette that suits your needs, it means you are able to understand what you need from your palette. If it's the case, it is highly likely that you can generate a better palette yourself. Do a quick test: take a screenshot of the site, then completely desaturate the image. The values are all over the place, which means you can't use any of these interchangeably. In my latex template, there are lines like: \definecolor{Main}{RGB}{20,189,189}, secondary and so on. So the rest of the template use the main color, the secondary, the accented one, etc, and by just changing the lines by another palette built around the same principles you get another look completely for free.
- to3m 11y ago
  Funnily enough, as far as I've ever been able to tell, the phrase "LOL colours" would mean "these colours are stupid". (Of course, as I no longer 14 years old, who can say for sure that I've inferred correctly? And I couldn't figure out the right search terms for urbandictionary, which is ordinarily helpful for this sort of question. But I imagine it's somewhat related to this: http://www.urbandictionary.com/define.php?term=lol+theory http://www.urbandictionary.com/define.php?term=lol+theory)
  - wingerlang 11y ago
    Based on the name I assumed (before visiting) the site to be some form of satire. After visiting it, I am not sure. Could be, could also be serious.
- kevinwang 11y ago
  So are you saying that the secondary, accented, etc. values are generated in your program as a function of the main color?
  - logicrook 11y ago
    I don't generate the palettes algorithmically[0], but each color is defined by its role. So if you want change the palette, for another one where the values are in roughly the same relation, it is going to work. [0]If you want to do it, there are ways to make it work, but you'll likely spend some time tweaking the algorithm and use another color space than HSV. The issue is that HSV does not map linearly to perception, so naive functions do not map very well across the full circle of hues. So basically it's quicker to do it by hand, unless you need to generate tons of palettes (like for a video-game).
an4rchy 11y ago
A small quirk/usability issue that I noticed was regarding how the favs/hearts/likes feature works. I just clicked the top one and the counter increments but there's no indication that I liked it and there's no way for me to deselect/unlike it. It looks like I can keep incrementing it.
spoiler 11y ago
This seems like a fun project and it is inspiring that the author challenged himself to make it, it's very commendable and something I was planning on doing myself when I get some free time. What follows is a tangentially related rant, so feel free to skip it if you don't care about WordPress. I watched the video[vid] and I was shocked when he got to he WordPress-vs-Rails debate. I'll ignore the fact that both of these are arguably overkill for this and also might have slowed down the development, because the overhead of both is pretty big for such a small project. Putting that aside though, I'd like to address how WordPress has become abused over the year. People use WordPress for so many things that they shouldn't. WordPress is great for being a blogging engine, or maybe even a news portal, but its oriented towards textual content, and it excels at that like no other engine out there; its in its name, even—WordPress! However, I've seen so many websites built in WordPress that don't actually use this feature: restaurants, apartment rentals and hotels, web shops, comics[comic], galleries, company websites (with no new/updates/blog section at all, it's literally a static website), etc. There's a plethora of plugins for it too, which would be good, except people use these plugins to create websites with 0 posts, and everything on the WordPress site is made by that plugin. What is worse, often time these plugins don't work too well to begin with, but that's not even relevant. I wouldn't be surprised if there's a plugin for controlling an alien thermonuclear reactor somewhere in the Andromeda galaxy in Sirius's solar system. [vid]: https://www.youtube.com/watch?v=DexyfHomC4Q https://www.youtube.com/watch?v=DexyfHomC4Q [comic]: Although, even though comics are mostly graphic contents, they are relatively often updated content, so it isn't as bad as all the other examples I encountered.
- actionscripted 11y ago
  WordPress is one of the easiest-to-use CMSs out there and has changed over the years to be much more than a blogging engine. It's not abuse, it's intended by Automatic because they've modified core to support these features.
  - spoiler 11y ago
    I agree that WP has certainly made it easier to do these kinds of things, but I still think it's a classic case of using the wrong tool for the wrong job. There is a whole lot of different "eco system" of features in there that you don't use. What is worse, these unused features (or plugins that add multiple features) that you don't care about are potential attack vectors, but I've made this off-topic enough. So, I'll drop it.
wagglycocks 11y ago
C U R A T E D U R A T E D
- walrus 11y ago
  Save this for 4chan.
z3t4 11y ago
When picking colors I usually find some inspiration, then take a screen-shot and pick the colors off it using this tool: http://webtigerteam.com/colorpicker/ http://webtigerteam.com/colorpicker/
SuperPaintMan 11y ago
Simple colour harmonies can be picked from a hue circle using rules of various polygons. Why not just spin around with that until you find something that suits your application? Then you can tweak it as needed rather then using some predefined palettes. Related: Built a tool for switching between hex and Munsell notation for OSX, https://github.com/germ/munsellScript https://github.com/germ/munsellScript
tayk 11y ago
Awesome! For the colorblind engineer, this is so helpful.
random55643 11y ago
They kinda look like some type of dildo/buttplug. Just saying... :)

125 points by brianjking 11y ago

antidaily 11y ago

I prefer ROFL colors.

luiz-pv9 11y ago
Don't forget the LMAO ones.
- kelvin0 11y ago
  Well, everyone knows, OMG colors are the 'in' thing now ...
efa 11y ago
That's funny. Why the downvotes?
- logicrook 11y ago
  There's a tendency to downvote comments that are not useful, to avoid comment threads to degenerate into a flood of snarky fourteen years-old debates. A tendency that I deplore. Also, this comment is seriously unfunny.
- tlrobinson 11y ago
  Because this is not Reddit. And it wasn't really funny.

deleted 11y ago

[deleted]

zuck9 11y ago

Show HN is for stuff you make yourself. This was made by Mackenzie Child: https://mackenziechild.me https://mackenziechild.me

nrjames 11y ago
Not to be confused with MacKenzie-Childs :) http://www.mackenzie-childs.com/ http://www.mackenzie-childs.com/
brianjking 11y ago
Sorry! I just wanted to share with everyone, found on producthunt today!
- zuck9 11y ago
  It's okay, Mackenzie is definitely happy that you shared this.
dang 11y ago
Exactly right. Thanks for sharing that information. We took "Show HN" out of the title on this one.
- brianjking 11y ago
  Thanks, sorry for the mixup!

glossyscr 11y ago

Highly recommended: the Adobe Color website (before Kuler): https://color.adobe.com/explore/most-popular/?time=all https://color.adobe.com/explore/most-popular/?time=all Also the mobile app is extremely well done (can create color schemes from picture or live from the camera)

ewfwrfw 11y ago
That is awesome! I can't believe I haven't seen it before. The API is undocumented and restricted it seems, but I did manage to get the first 5000 or so color palettes before my browser crashed: http://pasted.co/38096f65 http://pasted.co/38096f65
- glossyscr 11y ago
  how did you do this?
  - ewfwrfw 11y ago
    I inserted some JS code via the console that scrolls to the bottom of the page whenever the 'collection-assets' div changed, waited, ran observer.disconnect() as my browser was crashing to a halt, and then saved the HTML and combed through it with regexes. var target = document.querySelector('.collection-assets'); var observer = new MutationObserver(function() { window.scrollTo(0,document.body.scrollHeight); }); var config = { childList: true }; observer.observe(target, config);
    - dandandan 11y ago
      The API just returns JSON; paging through that is much cleaner than hooking into events and parsing HTML with regex. https://color.adobe.com/api/v2/themes?filter=public&startIndex=144&maxNumber=36&sort=like_count&time=all https://color.adobe.com/api/v2/themes?filter=public&startInd...
      - ewfwrfw 11y ago

nrjames 11y ago

I like the site but for usability, I would prefer to see all of the hex values for a given palette at once instead of hovering over each color individually.

deleted 11y ago

[deleted]

muh0m0rka 11y ago

Would be nice if one could choose a palette, apply it to the LOL emoticon and save the result

deleted 11y ago

[deleted]

logicrook 11y ago

This triggers me. Besides having no explanation whatsoever, none of these palettes are usable for similar roles. So if you are able to pick a palette that suits your needs, it means you are able to understand what you need from your palette. If it's the case, it is highly likely that you can generate a better palette yourself. Do a quick test: take a screenshot of the site, then completely desaturate the image. The values are all over the place, which means you can't use any of these interchangeably. In my latex template, there are lines like: \definecolor{Main}{RGB}{20,189,189}, secondary and so on. So the rest of the template use the main color, the secondary, the accented one, etc, and by just changing the lines by another palette built around the same principles you get another look completely for free.

to3m 11y ago
Funnily enough, as far as I've ever been able to tell, the phrase "LOL colours" would mean "these colours are stupid". (Of course, as I no longer 14 years old, who can say for sure that I've inferred correctly? And I couldn't figure out the right search terms for urbandictionary, which is ordinarily helpful for this sort of question. But I imagine it's somewhat related to this: http://www.urbandictionary.com/define.php?term=lol+theory http://www.urbandictionary.com/define.php?term=lol+theory)
- wingerlang 11y ago
  Based on the name I assumed (before visiting) the site to be some form of satire. After visiting it, I am not sure. Could be, could also be serious.
kevinwang 11y ago
So are you saying that the secondary, accented, etc. values are generated in your program as a function of the main color?
- logicrook 11y ago
  I don't generate the palettes algorithmically[0], but each color is defined by its role. So if you want change the palette, for another one where the values are in roughly the same relation, it is going to work. [0]If you want to do it, there are ways to make it work, but you'll likely spend some time tweaking the algorithm and use another color space than HSV. The issue is that HSV does not map linearly to perception, so naive functions do not map very well across the full circle of hues. So basically it's quicker to do it by hand, unless you need to generate tons of palettes (like for a video-game).

an4rchy 11y ago

A small quirk/usability issue that I noticed was regarding how the favs/hearts/likes feature works. I just clicked the top one and the counter increments but there's no indication that I liked it and there's no way for me to deselect/unlike it. It looks like I can keep incrementing it.

spoiler 11y ago

This seems like a fun project and it is inspiring that the author challenged himself to make it, it's very commendable and something I was planning on doing myself when I get some free time. What follows is a tangentially related rant, so feel free to skip it if you don't care about WordPress. I watched the video[vid] and I was shocked when he got to he WordPress-vs-Rails debate. I'll ignore the fact that both of these are arguably overkill for this and also might have slowed down the development, because the overhead of both is pretty big for such a small project. Putting that aside though, I'd like to address how WordPress has become abused over the year. People use WordPress for so many things that they shouldn't. WordPress is great for being a blogging engine, or maybe even a news portal, but its oriented towards textual content, and it excels at that like no other engine out there; its in its name, even—WordPress! However, I've seen so many websites built in WordPress that don't actually use this feature: restaurants, apartment rentals and hotels, web shops, comics[comic], galleries, company websites (with no new/updates/blog section at all, it's literally a static website), etc. There's a plethora of plugins for it too, which would be good, except people use these plugins to create websites with 0 posts, and everything on the WordPress site is made by that plugin. What is worse, often time these plugins don't work too well to begin with, but that's not even relevant. I wouldn't be surprised if there's a plugin for controlling an alien thermonuclear reactor somewhere in the Andromeda galaxy in Sirius's solar system. [vid]: https://www.youtube.com/watch?v=DexyfHomC4Q https://www.youtube.com/watch?v=DexyfHomC4Q [comic]: Although, even though comics are mostly graphic contents, they are relatively often updated content, so it isn't as bad as all the other examples I encountered.

actionscripted 11y ago
WordPress is one of the easiest-to-use CMSs out there and has changed over the years to be much more than a blogging engine. It's not abuse, it's intended by Automatic because they've modified core to support these features.
- spoiler 11y ago
  I agree that WP has certainly made it easier to do these kinds of things, but I still think it's a classic case of using the wrong tool for the wrong job. There is a whole lot of different "eco system" of features in there that you don't use. What is worse, these unused features (or plugins that add multiple features) that you don't care about are potential attack vectors, but I've made this off-topic enough. So, I'll drop it.

wagglycocks 11y ago

C U R A T E D U R A T E D

walrus 11y ago
Save this for 4chan.

z3t4 11y ago

When picking colors I usually find some inspiration, then take a screen-shot and pick the colors off it using this tool: http://webtigerteam.com/colorpicker/ http://webtigerteam.com/colorpicker/

SuperPaintMan 11y ago

Simple colour harmonies can be picked from a hue circle using rules of various polygons. Why not just spin around with that until you find something that suits your application? Then you can tweak it as needed rather then using some predefined palettes. Related: Built a tool for switching between hex and Munsell notation for OSX, https://github.com/germ/munsellScript https://github.com/germ/munsellScript

tayk 11y ago

Awesome! For the colorblind engineer, this is so helpful.

random55643 11y ago

They kinda look like some type of dildo/buttplug. Just saying... :)