TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Colorvote.io – ranking all sRGB web colors by popularity

234 pointsby gcuthalmost 3 years ago

48 comments

bhoustonalmost 3 years ago
I think that if there is voting, one should sort of do some type of spreading algorithm where the color you vote on, is sort of a much weaker vote for the surrounding colors.<p>There is just too many colours, especially in this color space, and it is sort of hard for humans to really differentiate them. Thus spread out the vote based on average human visual perception differentiability capabilities.<p>Also this color space (R x B x G box color space) spends too many bits on low intensity and high intensity colors. When a color is near white or black, we can not easily tell the hues apart.<p>A much better color space to vote on would be something akin to the Pantone color list or paint swatches. Way less colors but still roughly covering the whole color space.
评论 #32055986 未加载
评论 #32058581 未加载
评论 #32057240 未加载
评论 #32058495 未加载
mcvalmost 3 years ago
Based on the title, I imagined crawling all websites and counting how many pixels used each colour.
评论 #32055477 未加载
评论 #32056998 未加载
评论 #32055500 未加载
评论 #32057640 未加载
aetherspawnalmost 3 years ago
People would probably vote more if they had to vote at least 5 times to see the ranks, i.e. say &quot;3 more votes to see ranks&quot; in top center, and then pop up the ranks automatically.<p>I don&#x27;t think anyone would be mad.
评论 #32055018 未加载
评论 #32055214 未加载
mgdlbpalmost 3 years ago
HN top bar colours by popularity: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;topcolors" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;topcolors</a>
评论 #32058171 未加载
评论 #32057600 未加载
评论 #32055159 未加载
评论 #32056876 未加载
评论 #32054973 未加载
gauddasaalmost 3 years ago
I clicked on the right door about 10 times and the left door about 10 times but did not receive any car or a goat in any of them.
game-of-throwsalmost 3 years ago
This is a perfect example of why we need ranked choice voting. I think #BD60E2 is best, but due to its unpopularity I&#x27;m forced to vote #BD60E1 if I want my vote to matter.
评论 #32055988 未加载
评论 #32056615 未加载
评论 #32055721 未加载
zachripalmost 3 years ago
Just a heads up, if you&#x27;re using any dark mode extension you&#x27;ll want to disable it for this site. (op, probably worth getting your site added to the global dark mode list)
评论 #32055309 未加载
JansjoFromIkeaalmost 3 years ago
Presumably the text color will distort the preferences? You&#x27;re not deciding you prefer a color, you&#x27;re deciding you prefer a background color for a white font.<p>At the moment it seems to be always white, maybe if it&#x27;s always the opposite color on the color wheel that might offset it? Or maybe just have the text on a white card on the edge of the screen so you can focus on the color itself?
评论 #32058779 未加载
eganistalmost 3 years ago
Why are you specifically capturing the pixel size of the viewport? and likewise the user agent separately from request headers?
评论 #32055803 未加载
codingdavealmost 3 years ago
I suspect people are choosing more because of hue and undertones than strictly on RGB colors. It would be more interesting to aggregate the results up into more general conclusions - do people like pastels or earth tones better? How bright of a color is too bright before people stop voting for it? How dark?
评论 #32058875 未加载
yregalmost 3 years ago
Reminds me a bit of Colourlovers[0]. That website is unfortunately rather bloated though.<p>Obviously, the best color is #BADA55<p>[0] - <a href="https:&#x2F;&#x2F;www.colourlovers.com&#x2F;colors&#x2F;most-loved&#x2F;all-time&#x2F;meta" rel="nofollow">https:&#x2F;&#x2F;www.colourlovers.com&#x2F;colors&#x2F;most-loved&#x2F;all-time&#x2F;meta</a>
ryanbrunneralmost 3 years ago
Voting on all 16 million is a cool concept, but given that this is probably going to be popular for only a day or so, probably not achievable. From your own ranks, only 0.27% of colours have been voted on at all, and most likely the majority of those voted on have a single vote.
评论 #32055410 未加载
google234123almost 3 years ago
I thought this would be a ranking using crawled data on the web… kind of disappointed.
评论 #32054377 未加载
评论 #32055348 未加载
gitgudalmost 3 years ago
Nice idea, but the <i>name</i> doesn&#x27;t quite fit the <i>game</i>... I would expect to be able to vote for my favourite color, this is more like a &quot;color election&quot;
评论 #32054384 未加载
评论 #32054683 未加载
forgetfulnessalmost 3 years ago
I felt my vote was very influenced by how many times I had already seen that hue. I probably would have voted more often for certain shades of green if I hadn&#x27;t seen a slight variation of them three times already, for instance.
enahs-sfalmost 3 years ago
This was oddly satisfying and I voted on a bunch of colors. Definitely a bias towards my personal preferences and also what I think would be useable for websites but fun idea! Will be great to see the resulting data.
anonymous_sorryalmost 3 years ago
Huh, stumbled upon a strange visual effect. I got #0cc3bf (sorta cyan) above #acc2e0. When looking at the cyan, the other colour appeared lighter shade of blue&#x2F;cyan in my peripheral vision. When I then looked straight at the lower colour it turned lilac. Almost pink to begin with. The effect was quite striking initially, to the extent that I suspected the page was varying the colour.<p>I&#x27;m on mobile. The phone was perhaps a little over a foot from my face. It&#x27;s a sunny day in a room with a South facing window. I have a warmish LED light on (3000K).
mysterydipalmost 3 years ago
Do they strictly increase vote on only the hues shown? Having a weighted multiplier of the vote on nearby hues that decreases the further away you go would reach a conclusion quicker.
qurasheealmost 3 years ago
I&#x27;m more interested in the algorithm behind the pairing. I wonder if it&#x27;s randomly pairing colours or using something similar to adaptive comparative judgement.
layer8almost 3 years ago
Two comments:<p>- I don’t think the ordering relation is acyclical if no specific usage scenario is given for the color.<p>- After grading a dozen of color pairs or so and then looking at the rankings, I noticed that I had Smart Invert Colors turned on and had thus voted on the inverted colors. (I noticed because it seemed unlikely to me that most of the highest-ranking colors would be shades of brown. ;))
overlordalexalmost 3 years ago
The hex codes cannot be selected&#x2F;copied out which was disappointing, but perhaps worse is that the hex codes slowly fade away completely!<p>I only noticed the first time because there was a gorgeous gold&#x2F;purple combination that I wanted to save, which makes me think there might be another layer of combination that can be saved which is worst&#x2F;best combinations of colour.
miqueturneralmost 3 years ago
This ranking is not useful. Color is appreciated or not depending on context. This ranking has no context.
评论 #32055878 未加载
评论 #32056017 未加载
bil7almost 3 years ago
awesome. Maybe make the ranks and wtf buttons more visible.
评论 #32054693 未加载
andy_pppalmost 3 years ago
I think nearly 17 million colours is too many! Maybe grouping close colours could be better.<p>The “best” colours also seem really bad, I wonder if what they appear next to gives false results. Still, interesting idea!
ralusekalmost 3 years ago
2 colors appear on both best and worst. Each lists a maximum of 5 colors. That should be enough to stop the experiment right there, unless your goal is to find the most controversial colors.<p>The takeaway seems to be that color preferences are highly subjective to the point that you might just be getting noise.<p>Also how is it that people are even seeing the same colors for this to have happened? Even with birthday problem seems unlikely that two of the exact same hex colors would end up on the two very short lists. Are you sure you&#x27;re shuffling these?
TrickyRickalmost 3 years ago
Currently #d8e3a8 is the 4th best but also the second worst. Likewise #cce0c9 is the 5th best and 3rd worst. Has there been fewer than 10 colors voted on or what gives?
评论 #32058705 未加载
ollifialmost 3 years ago
<a href="https:&#x2F;&#x2F;colornames.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;colornames.org&#x2F;</a> Has 17.9% colors named already.
评论 #32055139 未加载
viggityalmost 3 years ago
I wrote this blog post many many moons ago, but it&#x27;ll give you the optimal color (black or white) for any given color&#x2F;background. Should be quick and easy conversion from c# to javascript.<p><a href="http:&#x2F;&#x2F;blog.nitriq.com&#x2F;BlackvsWhiteText.aspx" rel="nofollow">http:&#x2F;&#x2F;blog.nitriq.com&#x2F;BlackvsWhiteText.aspx</a>
eternityforestalmost 3 years ago
I wonder how context sensitive these are. Will votes be different depending on pairings?<p>Now I&#x27;m imagining a site where you have a standard format(Like a page with body, borders, headers, links, banners, etc, or just an abstract arrangement of 2-5 colors), and people make pallets and vote on them.
irrationalalmost 3 years ago
Every one was easy to pick my preferred color until I got to 824268 and 199989. I honestly couldn’t choose which I preferred. I sat there for awhile trying to decide when the colors changed. Is it on a timer or did I accidentally choose one of the colors, even though I don’t think I did?
ivanhoealmost 3 years ago
It&#x27;s a nice toy, but I doubt its practical value as in design you deal with color palettes, not standalone colors. I might be wrong, but my gut feeling is that &quot;the most popular&quot; color wouldn&#x27;t necessarily end up as a part of the most popular palette, or even in top 5.
评论 #32055070 未加载
评论 #32055039 未加载
brian_hermanalmost 3 years ago
Where is the results?
tgvalmost 3 years ago
The contrast with the text that shows the hex code seems to interfere with my judgement. Perhaps leaving out the text, or showing it in smaller text on the bottom could help a tiny bit. But I suspect monitor quality&#x2F;calibration has a larger effect.
bulbosaur123almost 3 years ago
They should create a little &quot;status map&quot; which shows the entire palette of all available sRGB colors and fills out those who have been voted on.<p>That would at least make it interesting to keep voting and seeing the map fill out.
beeskneecapsalmost 3 years ago
Excited to see some results from this. I was disappointed that there was no real payoff as an end user who voted. Any way to see the current overall status of like the top 100?
Philip-J-Fryalmost 3 years ago
My votes are based on which colours burn my retinas the least.
评论 #32056422 未加载
heliophobicdudealmost 3 years ago
#988edc Appears as fifth best and as third worst<p><a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;jZRQyt3" rel="nofollow">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;jZRQyt3</a>
throwaway290almost 3 years ago
Colors is where X &gt; Y &gt; Z doesn’t mean X &gt; Z.
simplifyalmost 3 years ago
It&#x27; a fun idea, but colors are so contextual that putting them next to each other for votes gives a pretty useless data set.
sanguptaalmost 3 years ago
Curious to understand why are you capturing inner width&#x2F;height and the user-agent as part of JSON payload to server?
nixpulvisalmost 3 years ago
Cool idea, horrible implementation. I have no better suggestions other than to reduce the color space however...
NazakiAidalmost 3 years ago
Whoops! Left Dark Reader on which has caused my votes to be based on the wrong colours
excitomalmost 3 years ago
Huh, #987fb1 is in both Best and Worst lists (at the time I viewed the ranks).
mensetmanusmanalmost 3 years ago
There are colors our eyes can see that no monitor can output.
lukaszkupsalmost 3 years ago
What am I looking on? How to see the rank of the colors?
qainsightsalmost 3 years ago
qq: How are the initial color codes getting generated? Is it from app.js? Please clarify. Thanks!
whoomp12342almost 3 years ago
this makes me feel like I am at the eye doctor.
andsoitisalmost 3 years ago
takes too long to vote.