TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Colors Used by Popular Sites

179 点作者 paulhebert超过 8 年前

13 条评论

thekevan超过 8 年前
I think the idea is extremely interesting but after seeing 2 of the caveats at the end, I didn&#x27;t have nearly as much confidence in the data.<p>&quot;3. If a color is found inside of a website&#x27;s text it counts as being used. For example if the phrase &quot;tan leather&quot; is in a website&#x27;s text, this scraper would say that the site uses tan. Additionally if the phrase &quot;I understand&quot; is in the text, it would still count as tan.<p>4. Colors added by external javascript are not included.&quot;
评论 #12474799 未加载
评论 #12526994 未加载
dynode超过 8 年前
Paul, I made something similar - <a href="http:&#x2F;&#x2F;bardagjy.com&#x2F;?p=1639" rel="nofollow">http:&#x2F;&#x2F;bardagjy.com&#x2F;?p=1639</a><p>I had the same problem with Javascript so I used I used Selenium to drive Chrome to take a screencap of the page. Then I used K-Means clustering with EM to convert the pages to their constituent colors.<p>I scraped 100 and 1000 of the Alexa top 1M. Cool to see another approach, great work!
评论 #12474853 未加载
评论 #12476271 未加载
paulhebert超过 8 年前
Hey Hacker News,<p>Hopefully this is the right place for this.<p>I made an interactive visualization showing the colors used by the ten most popular sites. The page also explains different color models and how to convert between them using math and javascript.<p>In the future I plan to use the tools I built here to do more interesting comparisons of color trends over time and between different cultures.<p>Any feedback is welcome. Thanks for looking!<p>EDIT: Here&#x27;s the github link by the way: <a href="https:&#x2F;&#x2F;github.com&#x2F;Paul-Hebert&#x2F;web_colors" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Paul-Hebert&#x2F;web_colors</a>
nprescott超过 8 年前
I had a similar idea recently, originally I intended to try and identify &quot;fashionable&quot; color palettes, which worked pretty well: <a href="https:&#x2F;&#x2F;idle.nprescott.com&#x2F;2016&#x2F;scraping-color-palettes.html" rel="nofollow">https:&#x2F;&#x2F;idle.nprescott.com&#x2F;2016&#x2F;scraping-color-palettes.html</a><p>and only later tried branching out to the 100 most popular sites: <a href="https:&#x2F;&#x2F;idle.nprescott.com&#x2F;2016&#x2F;image-capture-crawler.html" rel="nofollow">https:&#x2F;&#x2F;idle.nprescott.com&#x2F;2016&#x2F;image-capture-crawler.html</a><p>I tried ImageMagick&#x27;s histogram functionality and a K-Means but wasn&#x27;t happy with the results. I didn&#x27;t finish doing a meaningful color extraction from the most popular sites because of difficulty getting (in my mind) representative samples from more complex images (like the linked GitHub homepage screenshot). I still intend on circling back at some point and trying a color quantization.<p>I hadn&#x27;t thought to scrape the CSS colors directly, that&#x27;s an interesting approach. I&#x27;d like to see the colors sorted in some way, to get a better sense of the range for each site.
评论 #12475851 未加载
arjie超过 8 年前
I think the pictures would be prettier if similar colours were together. Even straight Euclidean in RGB and then sorting will probably be good enough for this purpose, though you could probably get something fancy by using an actual colour difference metric.<p>The Google logo is missing, though. The green, certainly.
评论 #12474594 未加载
dbg31415超过 8 年前
* Spectrum - Chrome Web Store || <a href="https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;spectrum&#x2F;ofclemegkcmilinpcimpjkfhjfgmhieb" rel="nofollow">https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;spectrum&#x2F;ofclemegk...</a><p>&gt; Instantly test your web page with different types of color vision deficiency. Color Vision Deficiency (CVD) affects people’s ability to distinguish certain colors. Estimates indicate that approximately 200 million people worldwide are affected by some kind of CVD. Individuals of Northern European ancestry, as many as 8 percent of men and 0.5 percent of women experience the common form of red-green color blindness.<p>&gt; This extension helps you to test web pages for people with different types of CVD. It&#x27;s particularly useful for websites with data visualisations, because some colors may not be distinguishable from other colors in the charts.<p>&gt; Flash enabled websites are also supported!
评论 #12475601 未加载
niftich超过 8 年前
This reminds me of the article &#x27;Why Every Movie Looks Sort of Orange and Blue&#x27; [1]. Even though the reasons behind movies and websites looking similar are different, it&#x27;s interesting that both are heavy on blue and reddish-orange.<p>[1] <a href="https:&#x2F;&#x2F;priceonomics.com&#x2F;why-every-movie-looks-sort-of-orange-and-blue&#x2F;" rel="nofollow">https:&#x2F;&#x2F;priceonomics.com&#x2F;why-every-movie-looks-sort-of-orang...</a>
评论 #12475978 未加载
Elrac超过 8 年前
Site doesn&#x27;t work for me. There&#x27;s a blank rectangle below the &quot;Sites&quot; title and to the right of the site URLs.<p>Mousing over that area raises some white tool tips&#x2F;pop-ups displaying color names&#x2F;codes.<p>I found this an ironic coincidence with another recent post on HN:<p>&quot;Ask HN: Is web programming a series of hacks on hacks?&quot;<p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=12477190" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=12477190</a>
评论 #12484969 未加载
adontz超过 8 年前
Looks like Internet is mostly blue.
评论 #12474693 未加载
评论 #12474713 未加载
sb8244超过 8 年前
Not sure if I&#x27;m missing something, but the main Google logo colors aren&#x27;t reflected in the Google section. Is this just HTML color codes rather than images. I guess the challenge in an image is that most aren&#x27;t solid blocked text.
评论 #12474555 未加载
_RPM超过 8 年前
Kind of off topic, but didn&#x27;t anyone notice that FastMail pretty much copied Facebook&#x27;s colors. I too remember using Facebook&#x27;s colors when I first started learning how to do HTML, but didn&#x27;t go forward with it.
eekfuh超过 8 年前
I would like to see the colors sorted by hue
评论 #12474574 未加载
SimeVidas超过 8 年前
But how does Alexa determine the most popular sites to begin with? I’ve never asked myself that.