[{"data":1,"prerenderedAt":730},["ShallowReactive",2],{"project-33693411":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":44,"post_text":46,"what":47,"said":73,"maker_in_thread":183,"shape":189,"grid":194,"attempts":691,"same_week":692,"maker_shows":18,"maker_hidden":722,"reader_version":723,"card":724},"33693411","web-color-wheel","A color picker for named web colors","title","Show HN: A color picker for named web colors","https:\u002F\u002Farantius.github.io\u002Fweb-color-wheel\u002F","arantius.github.io","arantius",1669043521,2022,731,169,19,2570,1,"legend","creative","color picker","web_app",[24,21,25,26],"css named colors","web colors","color wheel","curious",-0.032,{"positive":30,"neutral":31,"mixed":32,"critical":33},14,43,3,20,80,{"idea":36,"design":39,"execution":42,"docs":43},{"positive":37,"critical":38},8,0,{"positive":40,"critical":41},2,5,{"positive":40,"critical":30},{"positive":38,"critical":38},[45,38,32,32,38,38,32,38,38,38,38,38,32,38,41,38,18,18,32,18,41,32,32,45,32,18,40,32,18,18,18,40,45,38,41,45,40,45,45,32],4,"I had this idea kicking around in my head for quite a while.  Took an evening to make this, and a short morning to polish it a bit.  So here it is!",{"problem":48,"audience":54,"pricing":54,"motivation":55,"time_to_build":59,"stack":63,"openness":70,"stage":71,"team_size":72},{"value":49,"source":50,"evidence":51},"Browsing and choosing from the named CSS web colours.","maker",[52],{"id":53},"post",null,{"value":56,"source":50,"evidence":57},"Had the idea kicking around for a while; built it in an evening.",[58],{"id":53},{"value":60,"source":50,"evidence":61},"An evening plus a short morning to polish.",[62],{"id":53},[64],{"value":65,"source":50,"evidence":66},"Firefox-developed web app",[67],{"id":68,"by":11,"text":69},"33694703","Interesting, can you be more specific? Developed in Firefox, reports that Chrome is OK. I don't have a Mac to test with.","open_source","launched","solo",{"praise":74,"objections":102,"requests":137,"questions":156,"alternatives":168},[75,91],{"value":76,"source":77,"evidence":78},"Useful for prototyping and debugging with named colours","commenter",[79,83,87],{"id":80,"by":81,"text":82},"33694632","Waterluvian","I'm not sure what the intent is, and what other people do with it, but I thoroughly _love_ having these named colours for when I'm hacking and prototyping. I can just start…",{"id":84,"by":85,"text":86},"33695600","munk-a","They're nice in prototyping styling since it's trivial to comprehend the intent of coloration while making it clear that finalized colors haven't been settled on.",{"id":88,"by":89,"text":90},"33695635","robert_tweed","I always (and only) use named colours for debugging. For example border: 1px solid red; around some element that isn't rendering as expected. This makes it hard to accidentally…",{"value":92,"source":77,"evidence":93},"Clean design and code",[94,98],{"id":95,"by":96,"text":97},"33694018","brandonscott","Very cool and I love how clean the code is",{"id":99,"by":100,"text":101},"33697114","punyearthling","I love this. Good job!",[103,126],{"value":104,"source":77,"evidence":105},"Does not work in Safari or on iOS",[106,110,114,118,122],{"id":107,"by":108,"text":109},"33694213","somid3","Doesn't work for the latest Safari browser.",{"id":111,"by":112,"text":113},"33694996","tambourine_man","Yep, Safari latest https:\u002F\u002Fimgur.com\u002Fa\u002FTsx9pEZ",{"id":115,"by":116,"text":117},"33693569","Otek","Doesn’t work on iPad",{"id":119,"by":120,"text":121},"33693764","phrz","Broken on iPhone",{"id":123,"by":124,"text":125},"33696703","basic612","Does not work safari mobile",{"value":127,"source":77,"evidence":128},"Some adjacent colours are too similar to tell apart",[129,133],{"id":130,"by":131,"text":132},"33694098","me_bx","Interesting how some colors are so close from each other, especially \"Chartreuse\" and \"Lawngreen\" (on my middle-end monitors, at least).",{"id":134,"by":135,"text":136},"33698386","Thorentis","Why on earth do both lawngreen and chartreuse exist? I can barely if at all tell the difference on my phone screen. Regardless, I love this, and love using named colors when…",[138,149],{"value":139,"source":77,"evidence":140},"Copy colour to clipboard on click",[141,145],{"id":142,"by":143,"text":144},"33694021","iib","So simple and so elegant. Would it be a good idea to make the click copy the color in the clipboard? Not the color code, of course, in the spirit of the website.",{"id":146,"by":147,"text":148},"33695747","mk4p","Love it. One suggestion - make it so it either copies to your clipboard when you click a color, or add an explicit \"copy\" button so it's easier to grab the name. But awesome…",{"value":150,"source":77,"evidence":151},"Update URL to link directly to a selected colour",[152],{"id":153,"by":154,"text":155},"33694159","oneeyedpigeon","This is great! Would be useful if selecting a colour changed the URL so you could link directly to it.",[157],{"value":158,"source":77,"evidence":159},"Why is the colour layout arranged as it is",[160,164],{"id":161,"by":162,"text":163},"33701688","graderjs","This is great! What is the visualization? How did you do the visualization? And where did you get the idea \u002F what was your thinking leading to this really cool way to do it? I…",{"id":165,"by":166,"text":167},"33698445","issung","Each of these colours should just be a single \"pixel\" in the wheel, so how did you decide what shape\u002Fsize to make each colour? Just arbitrarily?",[169,176],{"value":170,"source":77,"evidence":171},"colornames.org",[172],{"id":173,"by":174,"text":175},"33693855","drewmate","In case the named web colors aren't enough, we're making excellent progress naming every color in the RGB space. https:\u002F\u002Fcolornames.org\u002F",{"value":177,"source":77,"evidence":178},"enes.in sorted colors",[179],{"id":180,"by":181,"text":182},"33694555","hughjd","This is great! For those who like this, you may also like https:\u002F\u002Fenes.in\u002Fsorted-colors which also does the named web colours.",{"comments":40,"answered":18,"key":184},[185,186],{"id":68,"text":69},{"id":187,"text":188},"33782512","Missed this good series of questions for a while but: * The \"?\" about link says a lot of this. * It was an old idea that somehow solidified recently, after spending enough time…",{"commenters":190,"max_depth":191,"maker_replies":40,"first_comment_mins":192,"lifespan_hours":193},135,9,12,178,[195,197,201,202,203,207,210,213,216,219,222,225,229,231,234,237,238,241,244,247,250,253,256,259,261,264,267,270,273,276,280,282,285,288,291,293,295,297,299,302,304,307,310,313,316,319,322,325,327,330,333,336,339,342,345,348,351,354,357,360,363,365,368,371,373,376,378,380,383,386,390,392,395,398,401,405,408,411,413,415,417,418,421,423,425,428,430,432,436,438,440,444,447,450,453,457,460,464,468,469,473,476,479,482,486,489,491,494,497,500,504,508,511,515,518,519,521,525,528,531,534,539,543,545,547,551,554,556,560,562,564,566,569,574,578,581,583,587,591,596,599,602,605,608,610,613,616,619,623,627,629,632,636,638,639,643,646,650,654,658,662,666,670,672,675,677,679,682,687],[80,38,41,196,81,38],"project\u002Fpositive\u002Fidea",[198,38,32,199,200,38],"33695425","project\u002Fneutral\u002Fidea","brettermeier",[84,38,32,199,85,38],[88,38,32,199,89,38],[204,38,38,205,206,38],"33699462","other\u002Fneutral\u002Fnone","yreg",[208,38,38,205,209,38],"33695640","MaxLeiter",[211,38,38,205,212,38],"33695872","tabtab",[214,38,38,205,215,38],"33696212","tta",[217,38,38,205,218,38],"33696585","edjw",[220,38,38,205,221,38],"33696983","jozzy-james",[223,38,38,205,224,38],"33700438","culi",[226,38,32,227,228,38],"33696846","project\u002Fneutral\u002Fdesign","leeoniya",[230,38,38,205,224,38],"33700371",[232,38,32,199,233,38],"33700354","jw1224",[235,38,38,205,236,38],"33705090","vilvadot",[173,18,38,205,174,38],[239,18,38,205,240,38],"33694861","cies",[242,18,38,205,243,38],"33695154","incrudible",[245,18,38,205,246,38],"33695591","kurthr",[248,18,38,205,249,38],"33703190","8n4vidtmkvmk",[251,18,38,205,252,38],"33695510","RheingoldRiver",[254,18,38,205,255,38],"33695994","wpietri",[257,18,38,205,258,38],"33696276","adzm",[260,18,38,205,224,38],"33700593",[262,18,38,205,263,38],"33702665","bewresu",[265,40,38,205,266,38],"33694496","cormorant",[268,40,38,205,269,38],"33695879","WithinReason",[271,40,32,227,272,38],"33696429","dotancohen",[274,40,38,205,275,38],"33696998","zestyping",[277,40,38,278,279,38],"33697902","commenter\u002Fneutral\u002Fnone","coldpie",[281,40,38,278,275,38],"33710495",[283,40,38,205,284,38],"33697982","tyleregeto",[286,40,38,205,287,38],"33699090","cybrox",[289,40,38,205,290,38],"33699434","parker_mountain",[292,40,38,205,287,38],"33699633",[294,40,38,205,290,38],"33702353",[296,40,38,278,275,38],"33710579",[298,40,38,205,290,38],"33711329",[300,40,38,278,301,38],"33700630","DiggyJohnson",[303,40,38,205,290,38],"33702411",[305,40,38,205,306,38],"33699156","DangitBobby",[308,40,38,205,309,38],"33695922","ravenstine",[311,40,38,205,312,38],"33700803","lootsauce",[314,32,38,205,315,38],"33693799","cdiamand",[317,32,38,205,318,38],"33694130","hk1337",[320,32,38,205,321,38],"33694226","aliqot",[323,32,38,205,324,38],"33695613","jamesgreenleaf",[326,32,38,205,212,38],"33695811",[328,32,38,205,329,38],"33704530","maxbond",[331,32,38,205,332,38],"33695893","plgonzalezrx8",[334,32,38,205,335,38],"33696595","fredrikholm",[337,45,32,199,338,38],"33693641","h4l0",[340,45,38,205,341,38],"33693771","crazygringo",[343,45,38,205,344,38],"33694437","PaulHoule",[346,45,38,205,347,38],"33695436","lajosbacs",[349,45,38,205,350,38],"33696427","nayuki",[352,45,38,205,353,38],"33696558","kfajdsl",[355,45,38,205,356,38],"33699246","meatmanek",[358,45,38,205,359,38],"33703613","jerrre",[361,45,32,199,362,38],"33693947","sricks3",[364,45,38,278,154,38],"33694125",[366,41,41,196,367,38],"33696488","awinter-py",[369,41,38,205,370,38],"33696691","webstrand",[372,41,38,205,367,38],"33696794",[374,41,38,205,375,38],"33696885","stuxnet",[377,41,38,205,370,38],"33698356",[379,41,38,205,367,38],"33698923",[107,381,18,382,108,38],6,"project\u002Fcritical\u002Fexecution",[384,381,18,382,385,38],"33694413","evantahler",[387,381,32,388,389,38],"33694430","project\u002Fmixed\u002Fexecution","digitalsankhara",[68,381,38,391,11,18],"maker\u002Fneutral\u002Fexecution",[393,381,18,382,394,38],"33694907","lioeters",[396,381,38,278,397,38],"33696132","JKCalhoun",[399,381,18,382,400,38],"33694918","r2222",[402,381,32,403,404,38],"33695556","project\u002Fneutral\u002Fexecution","halostatue",[406,381,18,382,407,38],"33695951","panzerboiler",[409,381,38,278,410,38],"33696354","divbzero",[412,381,38,278,404,38],"33699097",[414,381,38,278,410,38],"33700424",[416,381,32,403,407,38],"33695557",[111,381,18,382,112,38],[419,381,38,205,420,38],"33696607","moffkalast",[422,381,38,205,112,38],"33697597",[424,381,38,205,420,38],"33697631",[426,381,38,205,427,38],"33698600","alwillis",[429,381,38,278,420,38],"33700095",[431,381,38,205,427,38],"33701640",[433,381,41,434,435,38],"33712770","project\u002Fpositive\u002Fdesign","mbo",[437,381,41,434,224,38],"33761434",[439,381,18,382,427,38],"33698553",[441,442,38,205,443,38],"33694005",7,"lelandfe",[445,442,38,205,446,38],"33694174","reaperducer",[448,442,38,205,449,38],"33694317","althaffe",[451,442,38,205,452,38],"33694409","iambateman",[454,37,32,455,456,38],"33693775","project\u002Fneutral\u002Fnone","notRobot",[458,191,32,199,459,38],"33698943","hoherd",[461,462,32,199,463,38],"33700218",10,"mncharity",[465,466,41,196,467,38],"33697263",11,"joshwcomeau",[180,192,32,199,181,38],[470,471,32,455,472,38],"33693585",13,"fabstei",[474,30,32,227,475,38],"33693555","pc86",[477,30,32,227,478,38],"33693704","rgovostes",[480,30,32,227,481,38],"33694373","CodesInChaos",[483,484,32,227,485,38],"33698286",15,"FernandoMax",[487,484,32,403,488,38],"33698381","thomas88",[490,484,38,278,485,38],"33698575",[130,492,18,493,131,38],16,"project\u002Fcritical\u002Fdesign",[495,492,32,227,496,38],"33694144","iakov",[498,492,38,205,499,38],"33694939","moron4hire",[501,492,32,502,503,38],"33698041","project\u002Fmixed\u002Fdesign","jibbit",[505,506,18,493,507,38],"33696095",17,"distantsounds",[509,506,38,278,510,38],"33696425","cpeterso",[512,513,32,199,514,38],"33694878",18,"dheera",[516,16,32,199,517,38],"33706623","tonic4402",[161,33,32,227,162,38],[187,33,38,520,11,18],"maker\u002Fneutral\u002Fdesign",[522,523,32,455,524,38],"33694594",21,"bernardom",[526,523,32,455,527,38],"33694661","awestroke",[529,523,18,493,530,38],"33694704","Shorel",[532,523,32,455,533,38],"33694738","Zitrax",[535,536,18,537,538,38],"33702732",22,"project\u002Fcritical\u002Fnone","joshe",[540,541,38,205,542,38],"33696682",23,"frivoal",[115,544,18,382,116,38],24,[546,544,18,382,478,38],"33693607",[548,549,18,382,550,38],"33693949",25,"c-fe",[552,549,38,278,553,38],"33694196","zaptrem",[555,549,18,382,397,38],"33694300",[557,558,32,199,559,38],"33694266",26,"thih9",[561,558,38,205,463,38],"33700113",[563,558,38,205,463,38],"33713582",[134,565,32,502,135,38],27,[567,565,18,493,568,38],"33701010","quickthrower2",[570,571,41,572,573,38],"33695607",28,"project\u002Fpositive\u002Fnone","edw519",[575,576,18,382,577,38],"33696646",29,"mixmastamyk",[579,580,38,205,510,38],"33696519",30,[142,582,32,403,143,38],31,[584,585,41,196,586,38],"33694353",32,"ikesau",[588,589,32,227,590,38],"33694750",33,"flawn",[592,593,32,594,595,38],"33694271",34,"project\u002Fneutral\u002Fdocs","rickstanley",[597,593,38,278,598,38],"33694285","EamonnMR",[600,593,38,278,601,38],"33694416","kevincox",[603,593,38,278,604,38],"33694509","arethuza",[606,593,38,278,607,38],"33695146","dspillett",[609,593,38,205,604,38],"33695217",[611,612,38,205,463,38],"33700176",35,[614,615,41,196,568,38],"33701017",36,[146,617,41,618,147,38],37,"project\u002Fpositive\u002Fexecution",[620,621,41,196,622,38],"33693639",38,"petepete",[624,625,32,199,626,38],"33693643",39,"FamosoRandom",[165,628,32,227,166,38],40,[630,628,32,227,631,38],"33698581","ducttapecrown",[633,634,38,205,635,38],"33694304",41,"ossusermivami",[119,637,18,382,120,38],42,[153,31,32,403,154,38],[640,641,32,227,642,38],"33695790",44,"auxermen",[644,641,32,227,645,38],"33696056","katsura",[647,648,41,196,649,38],"33694031",45,"sourcecodeplz",[651,652,41,196,653,38],"33694418",46,"amsterdorn",[655,656,18,493,657,38],"33698642",47,"PartiallyTyped",[659,660,32,199,661,38],"33708683",48,"dugmartin",[663,664,32,227,665,38],"33697010",49,"mNovak",[667,668,32,227,669,38],"33696482",50,"IvanK_net",[95,671,41,618,96,38],51,[673,674,32,227,420,38],"33696528",52,[123,676,18,382,124,38],53,[99,678,41,572,100,38],54,[680,681,38,205,272,38],"33696369",55,[683,684,32,685,686,38],"33700663",56,"maker\u002Fneutral\u002Fnone","indyfob2008",[688,689,32,455,690,38],"33696321",57,"ge96",[],[693,698,702,707,712,717],{"id":694,"name":695,"points":696,"category":697},"33718124","Rotaboxes",633,"games",{"id":699,"name":700,"points":701,"category":20},"33682813","Haxophone",526,{"id":703,"name":704,"points":705,"category":706},"33646951","pdfsyntax",279,"languages",{"id":708,"name":709,"points":710,"category":711},"33663486","freesubtitles.ai",224,"ai",{"id":713,"name":714,"points":715,"category":716},"33641036","Tweek Calendar",222,"productivity",{"id":718,"name":719,"points":720,"category":721},"33722494","HandleFinder",219,"security_privacy",false,"v2",{"id":725,"name":5,"line":6,"ai":722,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":726,"top":18,"kw":727,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":728,"url":9,"mix":729,"praise":76,"objection":104,"sub":21},33693411,-0.03,[24,21,25,26],"4033003000003050113153343123111240542443",[30,31,32,33],1794036627591]