[{"data":1,"prerenderedAt":484},["ShallowReactive",2],{"project-30362112":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":5,"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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":47,"post_text":49,"what":50,"said":78,"maker_in_thread":226,"shape":237,"grid":240,"attempts":446,"same_week":447,"maker_shows":17,"maker_hidden":476,"reader_version":477,"card":478},"30362112","hue.tools","open-source toolbox for colors","title","Show HN: hue.tools – open-source toolbox for colors","https:\u002F\u002Fhue.tools","pabue",1645029307,2022,481,80,58,2570,3,"legend","dev_tools","color tools","web_app",[23,24,25,26,27],"color mixer","color palette","color blending","color modifier","hex color","mixed",0.349,{"positive":31,"neutral":32,"mixed":33,"critical":34},25,10,2,8,45,{"execution":37,"idea":39,"design":42,"performance":44,"docs":46},{"positive":33,"critical":38},4,{"positive":40,"critical":41},6,0,{"positive":43,"critical":33},9,{"positive":41,"critical":45},1,{"positive":41,"critical":45},[17,17,48,17,48,48,17,45,48,48,48,48,17,17,41,48,17,48,48,48,48,48,45,45,48,48,48,48,17,17,48,48,48,45,48,17,45,17,17,48],5,"hue.tools was created after spending way to much time trying to find the right tools when working with colors.\n\nIt's an attempt to create a simple but useful toolbox for common color related tasks and problems.\n\nWhile it's in no way perfect or provides the tools for every use case, it has served me well in the last few months and I hope it will be useful for some of you as well.",{"problem":51,"audience":57,"pricing":57,"motivation":58,"time_to_build":57,"stack":62,"openness":75,"stage":76,"team_size":77},{"value":52,"source":53,"evidence":54},"Finding the right tools for common color tasks","maker",[55],{"id":56},"post",null,{"value":59,"source":53,"evidence":60},"Spent too much time finding the right color tools while working with colors",[61],{"id":56},[63,69],{"value":64,"source":53,"evidence":65},"SvelteKit",[66],{"id":67,"by":10,"text":68},"30370974","I initially started with this project to learn more about svelte and try sveltekit. So I never made a design or a prototype. I just had a rough idea of how I wanted it to look…",{"value":70,"source":53,"evidence":71},"chroma.js",[72],{"id":73,"by":10,"text":74},"30363939","First of all thanks for the comments and info. I'm actually not doing the color interpolation myself. I'm using chroma.js[1] for the most part. You can actually change the…","open_source","launched","solo",{"praise":79,"objections":124,"requests":150,"questions":188,"alternatives":207},[80,100,115],{"value":81,"source":82,"evidence":83},"Clean, simple, slick UI","commenter",[84,88,92,96],{"id":85,"by":86,"text":87},"30363280","20after4","Over the years I've seen many similar tools, however, this one is probably the nicest, simple and straightforward. Really great work!",{"id":89,"by":90,"text":91},"30362731","zadjii","This is really pleasant to use. For years I've used https:\u002F\u002Fpaletton.com\u002F to similar effect, but I actually like the interface here a lot better. It's a bit simpler, and more…",{"id":93,"by":94,"text":95},"30368732","sinelanguage","Your UI is really beautiful. Well done!",{"id":97,"by":98,"text":99},"30363020","dinkleberg","I love this, it’s super smooth! Definitely bookmarking this for later.",{"value":101,"source":82,"evidence":102},"Fun color names",[103,107,111],{"id":104,"by":105,"text":106},"30366199","ipdashc","It's been said several times already but I really love the names. They add so much flavor to it and, surprisingly enough, really seem to get my imagination going, haha.",{"id":108,"by":109,"text":110},"30362997","wnolens","I really enjoyed adjusting the different knobs in 'Modify' mode to achieve something that 'felt' good to me. I don't know anything about color (as represented by computers or…",{"id":112,"by":113,"text":114},"30363147","moultano","Where do the color names come from? They're delicious.",{"value":116,"source":82,"evidence":117},"Useful alternative to existing color tools",[118,119,120],{"id":85,"by":86,"text":87},{"id":89,"by":90,"text":91},{"id":121,"by":122,"text":123},"30363690","jonpalmisc","Yup. This is my new favorite color tool website. Excellent work.",[125,136,143],{"value":126,"source":82,"evidence":127},"Colors change when switching tabs",[128,132],{"id":129,"by":130,"text":131},"30363244","rmetzler","I like it, however I wish the colors wouldn’t change constantly when I click between tools. I would like to explore the possibilities I would have with one or two colors.",{"id":133,"by":134,"text":135},"30363706","djfdat","Hey, this is a really great tool, thanks for making and sharing with us! One thing that I think would help is for the tool to not lose state when changing between tabs. You have…",{"value":137,"source":82,"evidence":138},"Mix and blend tools lack fine control outside Modify tab",[139],{"id":140,"by":141,"text":142},"30362898","memco","The UI seems responsive and produces nice looking results. However I found the usefulness of blending and mixing hampered by the fact that fine grained control of the saturation,…",{"value":144,"source":82,"evidence":145},"Homepage does not explain what the site does",[146],{"id":147,"by":148,"text":149},"30364715","diogenesjunior","just by looking at the homepage, i see nothing helpful. what does the website do? no idea. i'd suggest being more descriptive on the home page",[151,156,160,171,181],{"value":152,"source":82,"evidence":153},"Keep state when switching tabs",[154,155],{"id":129,"by":130,"text":131},{"id":133,"by":134,"text":135},{"value":157,"source":82,"evidence":158},"Palette feature shared across tabs",[159],{"id":140,"by":141,"text":142},{"value":161,"source":82,"evidence":162},"Support Oklab or perceptual color spaces",[163,167],{"id":164,"by":165,"text":166},"30363692","tbabb","EDIT: Author has pointed out that the interpolation mode can be changed. Very slick! It looks like this is interpolating in HCL or HSV space— that tends to produce unexpected…",{"id":168,"by":169,"text":170},"30362951","zokier","In modify there are \"brighten\", \"tint\", and \"lighten\", and for uninitiated like me the difference seems pretty vague. I suppose they refer to some similar operations in different…",{"value":172,"source":82,"evidence":173},"Automatic text contrast or accessibility score",[174,178],{"id":175,"by":176,"text":177},"30370991","just-tom","Is it possible to know about a certain color if it's dark or light? My goal is to automatically determine whether to put a white or black text on top of a background colored box…",{"id":179,"by":10,"text":180},"30371751","Great idea. I think this will fit nicely with the info tool. Also a accessibility contrast score might also be helpful. I will take a look at that. Thanks!",{"value":182,"source":82,"evidence":183},"Gamma setting",[184],{"id":185,"by":186,"text":187},"30362415","java-man","Great tool! Does it account for gamma? Can the user enter a different gamma value?",[189,196,203],{"value":190,"source":82,"evidence":191},"Where do the color names come from?",[192,193],{"id":112,"by":113,"text":114},{"id":194,"by":195,"text":190},"30363342","pg_bot",{"value":197,"source":82,"evidence":198},"What license is used?",[199],{"id":200,"by":201,"text":202},"30368461","ricopags","I love this tool, especially that it's built with SvelteKit. Thanks for sharing it! One thing I'm curious about that I couldn't discern from the GH repo: what's the license?",{"value":204,"source":82,"evidence":205},"How to tell if a color is light or dark",[206],{"id":175,"by":176,"text":177},[208,212,219],{"value":209,"source":82,"evidence":210},"paletton.com",[211],{"id":89,"by":90,"text":91},{"value":213,"source":82,"evidence":214},"iwanthue",[215],{"id":216,"by":217,"text":218},"30371825","polyterative","Looks really good. I would love to be able to generate HCL palettes like https:\u002F\u002Fmedialab.github.io\u002Fiwanthue\u002F",{"value":220,"source":82,"evidence":221},"thecolorapi.com",[222],{"id":223,"by":224,"text":225},"30363439","bckmn","I’ve run https:\u002F\u002Fwww.thecolorapi.com for years that offers similar color introspection via JSON API ergonomics.",{"comments":227,"answered":228,"key":229},31,11,[230,231,234],{"id":73,"text":74},{"id":232,"text":233},"30371881","Well it is very easy to miss. ;) Thank you!",{"id":235,"text":236},"30370925","That's a great idea! I'm gonna take a look at that.",{"commenters":238,"max_depth":38,"maker_replies":227,"first_comment_mins":239,"lifespan_hours":238},48,23,[241,243,245,249,253,256,258,261,263,266,267,269,273,276,278,281,283,285,286,288,291,292,294,295,297,302,303,306,308,311,314,315,316,318,321,325,327,330,332,334,338,340,342,344,348,352,354,358,360,364,366,368,370,373,375,377,379,382,383,388,390,393,395,399,401,403,405,410,413,417,420,422,425,427,429,432,436,438,440,442],[164,41,17,242,165,41],"project\u002Fmixed\u002Fexecution",[73,41,41,244,10,45],"maker\u002Fneutral\u002Fnone",[246,41,17,247,248,41],"30364312","maker\u002Fneutral\u002Fidea","cmurf",[250,41,41,251,252,41],"30368417","other\u002Fneutral\u002Fnone","yesenadam",[254,41,48,255,165,41],"30364832","project\u002Fpositive\u002Fdesign",[232,41,41,257,10,45],"maker\u002Fpositive\u002Fnone",[259,41,17,242,260,41],"30368848","famfamfam",[235,41,41,262,10,45],"maker\u002Fpositive\u002Fidea",[264,41,48,262,265,41],"30368241","dimal",[85,45,48,255,86,41],[268,45,41,257,10,45],"30363296",[270,45,48,271,272,41],"30363896","project\u002Fpositive\u002Fnone","digitalsankhara",[274,45,48,271,275,41],"30366098","roadnottaken",[129,33,45,277,130,41],"project\u002Fcritical\u002Fexecution",[279,33,41,280,10,45],"30363511","maker\u002Fneutral\u002Fexecution",[140,17,45,282,141,41],"project\u002Fcritical\u002Fdesign",[284,17,41,247,10,45],"30363677",[89,38,48,255,90,41],[287,38,41,257,10,45],"30362833",[289,38,48,271,290,41],"30363350","vasco",[104,48,48,255,105,41],[293,48,41,257,10,45],"30371188",[133,40,48,271,134,41],[296,40,41,244,10,45],"30365050",[298,299,48,300,301,41],"30367809",7,"project\u002Fpositive\u002Fidea","thot_experiment",[168,34,45,282,169,41],[304,34,41,305,10,45],"30363615","maker\u002Fneutral\u002Fdesign",[175,43,17,307,176,41],"project\u002Fneutral\u002Fidea",[309,43,41,251,310,41],"30371585","exclipy",[312,43,41,251,313,41],"30371641","Cyykratahk",[179,43,41,262,10,45],[108,32,48,255,109,41],[317,32,41,244,10,45],"30363130",[319,32,17,244,320,41],"30363455","mhdhn",[322,32,48,323,324,41],"30364069","maker\u002Fpositive\u002Fdesign","echelon",[326,32,41,257,10,45],"30365170",[328,228,48,300,329,41],"30364604","coolhand1",[331,228,41,244,10,45],"30370980",[223,333,41,251,224,41],12,[335,336,48,300,337,41],"30363247",13,"penjelly",[339,336,41,257,10,45],"30363485",[112,341,48,255,113,41],14,[343,341,41,244,10,45],"30363431",[345,346,48,271,347,41],"30364086",15,"ChrisMarshallNY",[349,350,45,277,351,41],"30364730",16,"kang",[353,350,41,280,10,45],"30365071",[355,356,45,277,357,41],"30387804",17,"dsmmcken",[216,359,17,307,217,41],18,[361,362,48,300,363,41],"30362627",19,"madelyn",[365,362,41,257,10,45],"30362763",[97,367,48,255,98,41],20,[369,367,41,257,10,45],"30363054",[200,371,48,372,201,41],21,"project\u002Fpositive\u002Fexecution",[374,371,41,244,10,45],"30371204",[121,376,48,271,122,41],22,[378,376,41,257,10,45],"30366012",[380,239,17,305,381,41],"30369447","stoicjumbotron",[67,239,41,280,10,45],[384,385,17,386,387,41],"30368966",24,"project\u002Fneutral\u002Fdesign","emmanueloga_",[389,385,41,323,10,45],"30371212",[391,31,48,372,392,41],"30363960","nivenhuh",[394,31,41,244,10,45],"30371890",[396,397,48,300,398,41],"30368975",26,"CyanBird",[400,397,41,262,10,45],"30371174",[93,402,48,255,94,41],27,[404,402,41,323,10,45],"30370945",[406,407,45,408,409,41],"30369284",28,"project\u002Fcritical\u002Fperformance","asiachick",[411,407,41,412,10,45],"30371226","maker\u002Fneutral\u002Fperformance",[414,415,48,271,416,41],"30365536",29,"akselmo",[185,418,17,419,186,41],30,"project\u002Fneutral\u002Fexecution",[421,418,41,280,10,45],"30362884",[423,418,17,419,424,41],"30365239","amelius",[426,418,45,277,186,41],"30375235",[147,227,45,428,148,41],"project\u002Fcritical\u002Fdocs",[430,227,41,431,10,45],"30366074","maker\u002Fneutral\u002Fdocs",[433,434,17,307,435,41],"30370744",32,"5ESS",[437,434,41,247,10,45],"30371142",[194,439,17,419,195,41],33,[441,439,41,280,10,45],"30363445",[443,444,48,271,445,41],"30363267",34,"throway_99",[],[448,453,458,462,466,471],{"id":449,"name":450,"points":451,"category":452},"30290225","EdgeDB 1.0",947,"data",{"id":454,"name":455,"points":456,"category":457},"30332535","iradesign",572,"creative",{"id":459,"name":460,"points":461,"category":457},"30356944","Streamline",313,{"id":463,"name":464,"points":465,"category":19},"30364020","ytcast",227,{"id":467,"name":468,"points":469,"category":470},"30349243","Shortwave",224,"productivity",{"id":472,"name":473,"points":474,"category":475},"30286185","Makers.so",180,"web_saas",false,"v2",{"id":479,"name":5,"line":6,"ai":476,"cat":19,"year":12,"points":13,"comments":14,"rec":28,"s":480,"top":17,"kw":481,"maker":10,"domain":5,"tier":18,"attempts":41,"strip":482,"url":9,"mix":483,"praise":81,"objection":126,"sub":20},30362112,0.35,[23,24,25,26,27],"3353553155553305355555115555335551531335",[31,32,33,34],1794036617061]