[{"data":1,"prerenderedAt":300},["ShallowReactive",2],{"project-12474406":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":32,"aspects":33,"strip":38,"post_text":40,"what":41,"said":66,"maker_in_thread":167,"shape":176,"grid":180,"attempts":263,"same_week":264,"maker_shows":169,"maker_hidden":293,"reader_version":294,"card":295},"12474406","Colors Used by Popular Sites","title","Show HN: Colors Used by Popular Sites","http:\u002F\u002Fpaulhebertdesigns.com\u002Fweb_colors\u002F","paulhebertdesigns.com","paulhebert",1473614407,2016,179,38,168,2264,8,"notable","creative","web color visualization","web_app",[23,24,25,26],"web colors","color palette","css colors","color analysis","curious",-0.24,{"positive":30,"neutral":17,"mixed":30,"critical":31},1,5,15,{"execution":34,"design":36,"performance":37},{"positive":35,"critical":31},0,{"positive":35,"critical":35},{"positive":35,"critical":35},[30,35,30,35,39,35,39,35,31,35,30,35,35,35,39,39,35,35,35,35,39,35,35,35,35,35,30,35,39,39,35,39,30,35,35,39,35,35],3,null,{"problem":42,"audience":40,"pricing":40,"motivation":49,"time_to_build":40,"stack":58,"openness":63,"stage":64,"team_size":65},{"value":43,"source":44,"evidence":45},"Shows which colors popular websites use, and explains color models and conversions.","maker",[46],{"id":47,"by":10,"text":48},"12474449","Hey Hacker News, Hopefully this is the right place for this. I made an interactive visualization showing the colors used by the ten most popular sites. The page also explains…",{"value":50,"source":44,"evidence":51},"Curiosity whether people would be interested; plans cultural color comparisons.",[52,55],{"id":53,"by":10,"text":54},"12474799","Hey thekevan, Thanks for the feedback. I agree that these are pretty major caveats. Hopefully you still found it interesting or useful. This is my first public release of this…",{"id":56,"by":10,"text":57},"12474693","Yeah, it's interesting to see the color groupings that take place. Next I want to do cultural comparisons. E.G. the ten most popular sites in China vs. the ten most popular in…",[59],{"value":60,"source":44,"evidence":61},"JavaScript",[62],{"id":47,"by":10,"text":48},"open_source","beta","solo",{"praise":67,"objections":99,"requests":125,"questions":146,"alternatives":154},[68,84],{"value":69,"source":70,"evidence":71},"Interesting visualization and idea","commenter",[72,76,80],{"id":73,"by":74,"text":75},"12474750","thekevan","I think the idea is extremely interesting but after seeing 2 of the caveats at the end, I didn't have nearly as much confidence in the data. \"3. If a color is found inside of a…",{"id":77,"by":78,"text":79},"12474551","arjie","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…",{"id":81,"by":82,"text":83},"12474601","adontz","Looks like Internet is mostly blue.",{"value":85,"source":70,"evidence":86},"Useful related work from others",[87,91,95],{"id":88,"by":89,"text":90},"12474831","dynode","Paul, I made something similar - http:\u002F\u002Fbardagjy.com\u002F?p=1639 I had the same problem with Javascript so I used I used Selenium to drive Chrome to take a screencap of the page.…",{"id":92,"by":93,"text":94},"12475700","nprescott","I had a similar idea recently, originally I intended to try and identify \"fashionable\" color palettes, which worked pretty well:…",{"id":96,"by":97,"text":98},"12475550","dbg31415","* Spectrum - Chrome Web Store || https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fspectrum\u002Fofclemegkcmilinpcimpjkfhjfgmhieb > Instantly test your web page with different types of color…",[100,111,115],{"value":101,"source":70,"evidence":102},"Scrapes only CSS color codes, not rendered or image colors",[103,104,108],{"id":73,"by":74,"text":75},{"id":105,"by":106,"text":107},"12474539","sb8244","Not sure if I'm missing something, but the main Google logo colors aren't reflected in the Google section. Is this just HTML color codes rather than images. I guess the challenge…",{"id":109,"by":10,"text":110},"12474555","Hey thanks for checking this out! Right now my scraping script only pulls the HTML color codes and doesn't attempt to pull colors from images. Additionally, a color code could be…",{"value":112,"source":70,"evidence":113},"Text matching produces false positives like tan in phrases",[114],{"id":73,"by":74,"text":75},{"value":116,"source":70,"evidence":117},"Camelcase text parsed as color names",[118,122],{"id":119,"by":120,"text":121},"12475452","cjwelborn","I was wondering why Twitter would use the the colors 'red', 'Red', 'rEd', and 'reD'. I think thekevan's comment explains it though. :)",{"id":123,"by":10,"text":124},"12475483","Haha, yep. Probably some camelCase that my parser accidentally interpreted as a color name. This bug is at the top of the list for resolution based on feedback I've been getting.",[126,138],{"value":127,"source":70,"evidence":128},"Use headless browser or Selenium for rendered colors",[129,133,134],{"id":130,"by":131,"text":132},"12475907","iLoch","A different approach, if you wanted to do something more accurate (this is also a reasonable choice in my opinion, given that you have a fixed number of sites you're looking at)…",{"id":88,"by":89,"text":90},{"id":135,"by":136,"text":137},"12476271","nmstoker","I'd second using selenium \u002F webdriver for this. You wouldn't need a great deal of code to get the raw pixel data. The area I suspect will need thought is how one gives \"value\" to…",{"value":139,"source":70,"evidence":140},"Sort colors by hue",[141,145],{"id":142,"by":143,"text":144},"12474532","eekfuh","I would like to see the colors sorted by hue",{"id":77,"by":78,"text":79},[147],{"value":148,"source":70,"evidence":149},"How Alexa determines the most popular sites",[150],{"id":151,"by":152,"text":153},"12477417","SimeVidas","But how does Alexa determine the most popular sites to begin with? I’ve never asked myself that.",[155,159,163],{"value":156,"source":70,"evidence":157},"Andy's Selenium and k-means screenshot color extraction",[158],{"id":88,"by":89,"text":90},{"value":160,"source":70,"evidence":161},"Nolan's fashionable color palette scraper",[162],{"id":92,"by":93,"text":94},{"value":164,"source":70,"evidence":165},"Spectrum Chrome extension for color vision deficiency",[166],{"id":96,"by":97,"text":98},{"comments":168,"answered":169,"key":170},16,2,[171,172,173],{"id":53,"text":54},{"id":123,"text":124},{"id":174,"text":175},"12475946","That's a good idea. That would be a much more accurate way to see which colors were actually used. A few other people in the comments also mentioned Selenium. I'll have to do…",{"commenters":177,"max_depth":31,"maker_replies":168,"first_comment_mins":178,"lifespan_hours":179},19,7,411,[181,183,185,186,188,190,192,195,197,199,201,203,206,208,210,213,214,216,218,219,221,224,226,227,229,233,235,238,240,243,244,245,248,250,251,256,258,261],[73,35,30,182,74,35],"project\u002Fcritical\u002Fexecution",[53,35,35,184,10,30],"maker\u002Fneutral\u002Fnone",[119,35,30,182,120,35],[123,35,35,187,10,30],"maker\u002Fneutral\u002Fexecution",[130,35,39,189,131,35],"project\u002Fneutral\u002Fexecution",[174,35,35,191,10,30],"maker\u002Fpositive\u002Fnone",[193,35,39,189,194,35],"12477942","_nalply",[196,35,35,187,10,30],"12526994",[198,35,31,191,74,35],"12601040",[88,30,35,200,89,35],"other\u002Fneutral\u002Fnone",[202,30,30,182,89,35],"12474853",[204,30,35,205,10,30],"12474918","commenter\u002Fneutral\u002Fnone",[207,30,35,205,89,35],"12474926",[209,30,35,205,10,30],"12475261",[211,30,39,189,212,35],"12476338","im4w1l",[135,30,39,189,136,35],[215,30,35,187,10,30],"12476306",[47,169,35,217,10,30],"project\u002Fneutral\u002Fnone",[92,39,35,200,93,35],[220,39,35,205,10,30],"12475851",[77,222,39,223,78,35],4,"project\u002Fneutral\u002Fdesign",[225,222,35,184,10,30],"12474594",[96,31,35,200,97,35],[228,31,35,205,10,30],"12475601",[230,231,35,200,232,35],"12475951",6,"niftich",[234,231,35,200,10,30],"12475978",[236,178,30,182,237,35],"12480536","Elrac",[239,178,35,184,10,30],"12484969",[241,178,39,242,237,35],"12512401","project\u002Fmixed\u002Fperformance",[81,17,39,223,82,35],[56,17,35,184,10,30],[246,17,39,223,247,35],"12474713","lucb1e",[105,249,30,182,106,35],9,[109,249,35,187,10,30],[252,253,35,254,255,35],"12475817",10,"other\u002Fneutral\u002Fdesign","_RPM",[142,257,39,223,143,35],11,[259,257,35,260,10,30],"12474574","maker\u002Fneutral\u002Fdesign",[151,262,35,200,152,35],12,[],[265,270,274,279,283,288],{"id":266,"name":267,"points":268,"category":269},"12466625","flask_jsondash",302,"data",{"id":271,"name":272,"points":273,"category":269},"12486631","DeuSu",229,{"id":275,"name":276,"points":277,"category":278},"12468723","OverThrown",141,"games",{"id":280,"name":281,"points":282,"category":19},"12477296","beatboxer",134,{"id":284,"name":285,"points":286,"category":287},"12456335","Materia",127,"dev_tools",{"id":289,"name":290,"points":291,"category":292},"12450684","cookies.js",122,"languages",false,"v2",{"id":296,"name":5,"line":5,"ai":293,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":28,"top":17,"kw":297,"maker":10,"domain":9,"tier":18,"attempts":35,"strip":298,"url":8,"mix":299,"praise":69,"objection":101,"sub":20},12474406,[23,24,25,26],"10103030501000330000300000103303100300",[30,17,30,31],1794036547578]