[{"data":1,"prerenderedAt":678},["ShallowReactive",2],{"project-26503572":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":45,"post_text":47,"what":48,"said":81,"maker_in_thread":205,"shape":216,"grid":219,"attempts":639,"same_week":640,"maker_shows":39,"maker_hidden":670,"reader_version":671,"card":672},"26503572","Sorted CSS Colors","Sort the named CSS colors in a nice way","title","Show HN: Sorted CSS Colors – Sort the named CSS colors in a nice way","https:\u002F\u002Fenes.in\u002Fsorted-colors","enes.in","knuptfad",1616080795,2021,559,159,37,2533,2,"legend","dev_tools","color picker reference","web_app",[24,25,26,27],"css colors","named colors","color picker","color palette","mixed",0.105,{"positive":31,"neutral":32,"mixed":33,"critical":34},14,19,6,9,48,{"design":37,"idea":40,"execution":41,"performance":43},{"positive":38,"critical":39},5,1,{"positive":33,"critical":38},{"positive":39,"critical":42},3,{"positive":44,"critical":44},0,[38,44,38,46,46,44,44,44,44,44,44,44,44,44,44,44,44,44,44,44,44,44,42,38,42,38,42,46,44,42,42,42,18,39,46,39,38,39,39,38],4,null,{"problem":49,"audience":56,"pricing":47,"motivation":65,"time_to_build":47,"stack":69,"openness":78,"stage":79,"team_size":80},{"value":50,"source":51,"evidence":52},"Hard to choose among the named CSS colors because they are not grouped by relation","maker",[53],{"id":54,"by":11,"text":55},"26503573","The idea was to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decide between a few CSS colors, I can just check…",{"value":57,"source":58,"evidence":59},"Web developers and designers picking CSS colors","inferred",[60,61],{"id":54,"by":11,"text":55},{"id":62,"by":63,"text":64},"26504398","crazygringo","This is definitely a cool way of exploring CSS colors. But, serious question: does anyone actually use CSS colors except for a handful of the basics (\"red\", \"blue\") for…",{"value":66,"source":51,"evidence":67},"To see related colors side by side when choosing between CSS colors",[68],{"id":54,"by":11,"text":55},[70,74],{"value":71,"source":51,"evidence":72},"Pure JavaScript",[73],{"id":54,"by":11,"text":55},{"value":75,"source":51,"evidence":76},"Progressive web app (PWA)",[77],{"id":54,"by":11,"text":55},"open_source","launched","unknown",{"praise":82,"objections":110,"requests":134,"questions":164,"alternatives":183},[83,99],{"value":84,"source":85,"evidence":86},"Fun and well designed visualization","commenter",[87,91,95],{"id":88,"by":89,"text":90},"26504635","samstave","Thats pretty darn dope.",{"id":92,"by":93,"text":94},"26503719","Minor49er","This is really cool. The whole experience is slick! One thing I noticed is that some colors appear brighter, but are further down on the Saturation scale. For example,…",{"id":96,"by":97,"text":98},"26504731","knoebber","I love the simplicity of UI and the design! It would be fun to use this to replace some hex codes in my code with color names. Some thoughts: 1. In grayscale mode the slider…",{"value":100,"source":85,"evidence":101},"Useful for prototyping with named colors",[102,106],{"id":103,"by":104,"text":105},"26506090","legitster","I love this! I am one of the rare people who use named colors all of the time, and this will definitely get a bookmark from me! Especially during prototyping\u002Fdesign, it's soooo…",{"id":107,"by":108,"text":109},"26506407","throwaway888abc","Super helpful, bookmarked, Thank You",[111,119,126],{"value":112,"source":85,"evidence":113},"Named CSS colors are limited and unevenly spaced",[114,115],{"id":62,"by":63,"text":64},{"id":116,"by":117,"text":118},"26504775","mpetroff","This would be true if the CSS color names were actually reasonable, but many of them are not. One would be better off using the results [1] of Heer & Stone (2012) [2] (or a…",{"value":120,"source":85,"evidence":121},"Colors look different depending on neighbouring colors",[122],{"id":123,"by":124,"text":125},"26505929","GrazeMor","Colors appear different depending on what color they are next to so its not a great way to pick colors.",{"value":127,"source":85,"evidence":128},"Some adjacent colors look wrong in the sort",[129,133],{"id":130,"by":131,"text":132},"26504208","johnsonap","Some of these seem a little off, for example CADETBLUE and CYAN being next to each other. could just be my eyes or my monitor though",{"id":92,"by":93,"text":94},[135,146,153,157],{"value":136,"source":85,"evidence":137},"Copy hex or color value on click",[138,142],{"id":139,"by":140,"text":141},"26506653","sam1r","Awesome! Could you possibly implement a double-click to clipboard copy option?",{"id":143,"by":144,"text":145},"26504310","meristem","For speed's sake could a hover or tap bring out the hex code? I understand that was not the function of your site. It would be cool to just be able to quickly see\u002Fuse the hex if…",{"value":147,"source":85,"evidence":148},"Reflect slider state in the URL",[149],{"id":150,"by":151,"text":152},"26505159","nc","Lovely - you should make url reflect the slider state for easy sharing.",{"value":154,"source":85,"evidence":155},"Add a search box accepting any CSS color format",[156],{"id":96,"by":97,"text":98},{"value":158,"source":85,"evidence":159},"Hue slider should wrap around",[160],{"id":161,"by":162,"text":163},"26504146","parekhnish","This is fun! The only \"bug\" I see, if at all, is that the hue value does not wrap around, i.e. the colors shown at 360 are not the same colors shown at 0.",[165,176],{"value":166,"source":85,"evidence":167},"Why are some named colors named as they are, such as chartreuse or peru",[168,172],{"id":169,"by":170,"text":171},"26504154","edwinyzh","It's neat! Slightly offtopic - I saw one of the colors named \"peru\", does the name has any connection with Peru the country?",{"id":173,"by":174,"text":175},"26506159","saalweachter","Huh, I always thought chartreuse was a red-ish color.",{"value":177,"source":85,"evidence":178},"Is there an equivalent for Pantone colors",[179],{"id":180,"by":181,"text":182},"26503647","arkitaip","Ooh I really enjoyed this, it's a nice way to expand on your color name vocab. I wonder if there is an equivalent for Pantone?",[184,191,198],{"value":185,"source":85,"evidence":186},"davidbau.com\u002Fcolors",[187],{"id":188,"by":189,"text":190},"26505321","netmare","This is very nicely done, but I still prefer the simplicity of \u003Chttp:\u002F\u002Fdavidbau.com\u002Fcolors\u002F>. Despite being only 2-dimentional, I find that layout strangely more intuitive. I…",{"value":192,"source":85,"evidence":193},"encycolorpedia.com",[194],{"id":195,"by":196,"text":197},"26504497","mutatio","Nice, similar to: https:\u002F\u002Fencycolorpedia.com\u002Fhtml but probably more intuitive. Are you using CIE* colorspace to match?",{"value":199,"source":85,"evidence":200},"colornames.org",[201],{"id":202,"by":203,"text":204},"26506579","cjboco","There’s an attempt to name ALL the rgb web space colors... https:\u002F\u002Fcolornames.org\u002F",{"comments":206,"answered":207,"key":208},12,8,[209,210,213],{"id":54,"text":55},{"id":211,"text":212},"26507808","Thanks for the suggestion. Could be nice to have, but then there must be a visual feedback for the user. Issues\u002FPRs are welcomed in the GH repo.",{"id":214,"text":215},"26504166","¯\\_(ツ)_\u002F¯",{"commenters":217,"max_depth":33,"maker_replies":206,"first_comment_mins":44,"lifespan_hours":218},98,55,[220,222,226,230,234,237,240,243,246,249,252,256,258,260,262,265,269,272,274,277,280,283,286,289,292,295,298,300,302,305,307,311,314,316,319,320,322,324,326,329,331,333,336,338,341,344,347,350,352,355,358,361,363,366,369,371,374,377,380,383,385,387,391,392,395,397,399,401,404,406,409,412,414,417,419,422,425,428,430,433,435,437,440,443,445,448,450,453,455,457,460,462,465,467,470,473,476,478,479,482,484,486,488,489,492,493,495,497,500,502,504,505,507,510,513,515,519,523,525,528,530,532,535,538,541,543,545,547,549,552,555,558,561,564,566,568,572,576,578,580,584,588,590,593,596,600,603,607,609,612,615,618,621,623,626,628,630,634,636],[54,44,44,221,11,39],"maker\u002Fneutral\u002Fidea",[223,44,38,224,225,44],"26504075","project\u002Fpositive\u002Fnone","muli_d",[227,44,42,228,229,44],"26505197","project\u002Fneutral\u002Fdesign","achairapart",[231,44,44,232,233,44],"26505295","commenter\u002Fneutral\u002Fnone","uhtred",[235,44,44,232,236,44],"26506533","regularjack",[238,44,44,232,239,44],"26506913","hunter2_",[241,44,44,232,242,44],"26507629","preommr",[244,44,44,232,245,44],"26509221","bostonvaulter2",[247,44,44,232,248,44],"26511826","chronogram",[250,44,44,232,251,44],"26511934","wccrawford",[253,44,38,254,255,44],"26505547","project\u002Fpositive\u002Fidea","flanbiscuit",[257,44,42,228,140,44],"26506655",[259,44,42,228,140,44],"26506660",[211,44,44,261,11,39],"maker\u002Fneutral\u002Fnone",[263,44,38,224,264,44],"26506969","forgotmypw17",[266,44,38,267,268,44],"26507870","project\u002Fpositive\u002Fexecution","owly",[270,44,42,228,271,44],"26509301","anarcat",[62,39,39,273,63,44],"project\u002Fcritical\u002Fidea",[275,39,38,254,276,44],"26504471","codazoda",[278,39,44,232,279,44],"26504628","yyx",[281,39,44,232,282,44],"26505449","reaperducer",[284,39,44,232,285,44],"26507698","endless1234",[287,39,44,232,288,44],"26510331","SilverRed",[290,39,44,232,291,44],"26512963","abustamam",[293,39,44,232,294,44],"26509145","runarberg",[296,39,44,232,297,44],"26506394","lucideer",[299,39,44,232,63,44],"26509121",[301,39,44,232,251,44],"26511951",[303,39,44,232,304,44],"26507776","Ashanmaril",[306,39,44,232,297,44],"26511941",[308,39,44,309,310,44],"26509860","other\u002Fneutral\u002Fnone","NetOpWibby",[312,39,44,309,313,44],"26526244","sebmellen",[315,39,44,309,310,44],"26526359",[317,39,44,309,318,44],"26504599","jedberg",[116,39,44,309,117,44],[321,39,44,232,318,44],"26504879",[323,39,44,232,117,44],"26504969",[325,39,44,232,63,44],"26505103",[327,39,44,309,328,44],"26509250","kall",[330,39,44,309,282,44],"26505457",[332,39,44,309,318,44],"26505587",[334,39,44,309,335,44],"26506805","SamBam",[337,39,44,309,328,44],"26509237",[339,39,44,309,340,44],"26504718","munificent",[342,39,44,309,343,44],"26505707","ericwood",[345,39,44,309,346,44],"26506048","smoe",[348,39,44,309,349,44],"26506676","xmprt",[351,39,44,309,346,44],"26506790",[353,39,44,309,354,44],"26522461","quickthrower2",[356,39,44,309,357,44],"26506371","qwertox",[359,39,44,309,360,44],"26506684","blondin",[362,39,44,309,264,44],"26506998",[364,39,44,309,365,44],"26507493","LegitGandalf",[367,39,44,309,368,44],"26507693","whatshisface",[370,39,44,309,264,44],"26509798",[372,39,44,309,373,44],"26508054","devmunchies",[375,39,44,309,376,44],"26507235","ancarda",[378,39,44,309,379,44],"26509835","enhdless",[381,39,44,309,382,44],"26508690","SavantIdiot",[384,39,44,309,294,44],"26509175",[386,39,44,232,354,44],"26522453",[388,18,44,389,390,44],"26504115","other\u002Fcritical\u002Fdesign","tobr",[214,18,44,261,11,39],[393,18,44,309,394,44],"26504518","cialowicz",[396,18,44,309,335,44],"26504699",[398,18,44,232,394,44],"26505073",[400,18,44,232,335,44],"26505075",[402,18,44,309,403,44],"26505332","buzzerbetrayed",[405,18,44,309,294,44],"26505927",[407,18,44,309,408,44],"26506012","avianlyric",[410,18,44,309,411,44],"26504526","yreg",[413,18,44,389,340,44],"26504657",[415,18,44,232,416,44],"26505313","joegahona",[418,18,44,232,390,44],"26505769",[420,18,44,232,421,44],"26505772","tshaddox",[423,18,44,232,424,44],"26506441","nanis",[426,18,44,232,427,44],"26506200","scubbo",[429,18,44,389,421,44],"26505681",[431,18,44,309,432,44],"26509907","frivoal",[434,18,44,309,343,44],"26505685",[436,18,44,309,294,44],"26505833",[438,18,44,232,439,44],"26506802","IncRnd",[441,18,44,309,442,44],"26508337","Waterluvian",[444,18,44,309,229,44],"26505042",[446,18,44,309,447,44],"26507813","synn",[449,18,44,309,229,44],"26507912",[451,18,44,309,452,44],"26505609","mceachen",[454,18,44,309,346,44],"26505861",[456,18,44,309,229,44],"26506235",[458,18,44,309,459,44],"26508844","seabass",[188,42,42,461,189,44],"project\u002Fmixed\u002Fdesign",[463,42,38,464,282,44],"26505433","project\u002Fpositive\u002Fdesign",[466,42,44,232,189,44],"26506329",[468,46,44,309,469,44],"26504256","formerly_proven",[471,46,44,389,472,44],"26504394","mcv",[474,46,44,309,475,44],"26505113","dfox",[477,46,44,309,408,44],"26506007",[150,38,42,228,151,44],[480,33,42,228,481,44],"26505235","Etheryte",[180,483,38,254,181,44],7,[485,483,44,261,11,39],"26503730",[487,483,44,309,282,44],"26505470",[202,207,44,309,203,44],[490,207,44,309,491,44],"26507953","b0afc375b5",[92,34,42,461,93,44],[494,34,44,261,11,39],"26503773",[496,34,42,261,93,44],"26505899",[161,498,42,499,162,44],10,"project\u002Fmixed\u002Fexecution",[501,498,44,261,11,39],"26504199",[103,503,38,254,104,44],11,[96,206,42,461,97,44],[506,206,44,261,11,39],"26505239",[508,509,44,309,442,44],"26508316",13,[511,509,44,309,512,44],"26509218","sellyme",[514,509,44,232,442,44],"26509239",[516,31,44,517,518,44],"26507630","other\u002Fneutral\u002Fidea","devtul",[520,521,42,461,522,44],"26504516",15,"signal11",[524,521,44,232,318,44],"26504569",[526,521,44,309,527,44],"26504755","leephillips",[529,521,44,232,318,44],"26504848",[531,521,44,232,522,44],"26504827",[533,521,42,534,340,44],"26504706","project\u002Fneutral\u002Fperformance",[169,536,42,537,170,44],16,"project\u002Fneutral\u002Fidea",[539,536,42,537,540,44],"26504231","uxamanda",[542,536,42,537,294,44],"26504399",[544,536,44,537,11,39],"26504650",[546,536,42,537,282,44],"26505510",[548,536,42,537,294,44],"26504567",[550,536,42,537,551,44],"26505942","wmil",[130,553,39,554,131,44],17,"project\u002Fcritical\u002Fexecution",[556,553,44,557,11,39],"26504243","project\u002Fneutral\u002Fexecution",[559,553,39,554,560,44],"26505004","n3k5",[562,553,44,563,11,39],"26505110","maker\u002Fneutral\u002Fexecution",[123,565,39,273,124,44],18,[567,32,44,309,432,44],"26509927",[569,570,38,254,571,44],"26504359",20,"0xADADA",[573,574,42,499,575,44],"26505406",21,"liminal",[195,577,42,537,196,44],22,[579,577,44,563,11,39],"26504842",[581,582,44,309,583,44],"26512794",23,"bengtan",[585,586,39,273,587,44],"26505369",24,"thih9",[589,586,42,537,282,44],"26505425",[591,586,44,309,592,44],"26507207","flixic",[594,586,42,537,595,44],"26507330","frosted-flakes",[597,598,38,464,599,44],"26520220",25,"breck",[139,601,38,602,140,44],26,"maker\u002Fpositive\u002Fdesign",[604,605,42,537,606,44],"26506002",27,"jedimastert",[143,608,42,228,144,44],28,[610,608,39,611,144,44],"26504320","maker\u002Fcritical\u002Fidea",[613,608,44,614,11,39],"26504379","maker\u002Fneutral\u002Fdesign",[616,608,39,611,617,44],"26504391","thitcanh",[619,608,39,620,144,44],"26519343","project\u002Fcritical\u002Fdesign",[173,622,44,309,174,44],29,[624,622,44,309,625,44],"26506292","Antipode",[627,622,44,309,174,44],"26506341",[107,629,38,254,108,44],30,[631,632,38,464,633,44],"26515982",31,"danicrack",[88,635,38,464,89,44],32,[637,638,39,554,439,44],"26506724",33,[],[641,646,651,655,660,665],{"id":642,"name":643,"points":644,"category":645},"26568014","Practical Go Lessons",919,"languages",{"id":647,"name":648,"points":649,"category":650},"26537734","compiler.org",219,"learning_science",{"id":652,"name":653,"points":654,"category":20},"26554451","PyWebIO",200,{"id":656,"name":657,"points":658,"category":659},"26503715","LitiHolo",180,"hardware",{"id":661,"name":662,"points":663,"category":664},"26573930","Arc",175,"data",{"id":666,"name":667,"points":668,"category":669},"26527268","Papercups",148,"web_saas",false,"v2",{"id":673,"name":5,"line":6,"ai":670,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":674,"top":18,"kw":675,"maker":11,"domain":10,"tier":19,"attempts":44,"strip":676,"url":9,"mix":677,"praise":84,"objection":112,"sub":21},26503572,0.11,[24,25,26,27],"5054400000000000000000353534033321415115",[31,32,33,34],1794036604648]