TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: My Node.js two weekend project. Color palettes from Flickr images.

159 pointsby bfmabout 14 years ago

32 comments

Wolf_Larsenabout 14 years ago
This is "minimum viable" done perfectly. Well done.<p>Personally, I'll use this for color schemes.<p>Check out <a href="http://colorapi.com/#!q/plumb%20tree" rel="nofollow">http://colorapi.com/#!q/plumb%20tree</a> , <a href="http://colorapi.com/#!q/iceland" rel="nofollow">http://colorapi.com/#!q/iceland</a> , <a href="http://colorapi.com/#!q/alps" rel="nofollow">http://colorapi.com/#!q/alps</a> , <a href="http://colorapi.com/#!q/rainforest" rel="nofollow">http://colorapi.com/#!q/rainforest</a> .
评论 #2323627 未加载
评论 #2323907 未加载
steveloshabout 14 years ago
This is really nice -- much easier for a photographer like me to use that Kuler or the alternatives.<p>I have a question though: is it cool to use "All Rights Reserved" images on Flickr for something like this? Clicking through some of the photos shows that they're marked as "All Rights Reserved".<p>I'm asking because I made the decision to not use those on <a href="http://viewfinder.io/" rel="nofollow">http://viewfinder.io/</a> based on the fact that I'm not a lawyer and prefer to err on the side of caution.<p>However, if it's not a legal problem to use copyrighted photos I could have much more data to play with, so I'm curious.
评论 #2324244 未加载
评论 #2324658 未加载
robflynnabout 14 years ago
Great work. I did something like this and had it generate a sample website: a head, a content area, some tabbed navigation, a logo, and some headline colors.<p>I essentially quantized the image that was uploaded (I didnt use flickr) into 5 or 6 of the most obvious colours, then applied a little bit of math to determine which colours would work well together as well as adjusting the lightness (up/down) to help contrast.<p>It worked out okay. Maybe I should upload it? Your take on the flickr version is much, much cleaner than mine. Mine was a quick and dirty hack but was done as a learning experience.<p>Here's a screenshot using the UPS logo as an uploaded image: <a href="http://dl.dropbox.com/u/3731176/auto-ups-logo.jpg" rel="nofollow">http://dl.dropbox.com/u/3731176/auto-ups-logo.jpg</a>
bfmabout 14 years ago
Some background on the application <a href="http://www.bermi.org/announcing-colorapi-search-for-colors-inspiration-on-flickr-photos" rel="nofollow">http://www.bermi.org/announcing-colorapi-search-for-colors-i...</a>
revoradabout 14 years ago
This is gorgeous. Woud love to read how you built it.
评论 #2324432 未加载
futuremintabout 14 years ago
Does the image processing happen in a child process in node? I'm curious how your code does the heavy CPU without blocking node's main thread.
评论 #2323266 未加载
MichaelStubbsabout 14 years ago
I have a couple of issues with the design.<p>1) <a href="http://i.imgur.com/uzsiH.png" rel="nofollow">http://i.imgur.com/uzsiH.png</a> - overlapping text/controls on the homepage. Tried it in a few browsers. Width issue?<p>2) On the swatch pages, I'd make the controls just a little less translucent. Right now they're a little hard to see, though I grant that when you're used to the layout it becomes much less of an issue.<p>Other than those two minor points it's very nice website &#38; I hope to use it in the future.
评论 #2323303 未加载
karterkabout 14 years ago
Very well executed. My only question is whether you have any definite ideas for monetizing it, or just a project for learning and fun. Either way, awesome job.
评论 #2324092 未加载
roryokaneabout 14 years ago
Small suggestion: when viewing one picture and its color scheme, put the “Hex RGB HSL HSV” text next to the radio buttons inside &#60;label for="the_radio_button_id"&#62; tags. This will provide a bigger hit-box for each choice by making the text and the radio buttons, not just the radio buttons, switch the color representation mode.
alexkearnsabout 14 years ago
Is there anyway that you can specify a particular image, by entering the url of the image, for example?
krmmalikabout 14 years ago
Genuine question (if anyone knows): This isnt a mockery or complaint, i'm only an amateur DSLR photographer, but how does one actually take advantage of these color palettes. I mean, what can they actually do for me?
评论 #2323249 未加载
评论 #2323253 未加载
评论 #2323252 未加载
colorabout 14 years ago
Very nice site. I've used colr.org in the past, which does basically the same thing. I have to say, though, the UI on colorapi.com is much better. Good job! This site is bookmarked for use on my next web design project.<p>One feature request: the ability to upload images directly to colorapi.com.<p>Uploading images directly would allow designers to build a color palette to match a corporate logo, use the same color palettes as movies (by uploading images from <a href="http://moviebarcode.tumblr.com/" rel="nofollow">http://moviebarcode.tumblr.com/</a> ), etc.
krigabout 14 years ago
this is really great, well done. Finding some interesting colours from surprising keywords. <a href="http://colorapi.com/#!q/chipotle" rel="nofollow">http://colorapi.com/#!q/chipotle</a> , <a href="http://colorapi.com/#!q/lapland" rel="nofollow">http://colorapi.com/#!q/lapland</a> (for some reason showing a quite nice scheme taken from a lego church), <a href="http://colorapi.com/#!q/athens" rel="nofollow">http://colorapi.com/#!q/athens</a><p>I've been playing around with node.js as well, lately. It really is very nice for trying new ideas.
Silhouetteabout 14 years ago
Interesting idea, but I'm guessing the UI is severely broken on Firefox/Windows: all I'm seeing after a search is a long band of colours scrolling across a tiny part of my screen, with no apparent way to see what RGB values they are, which photo(s) they came from, or any of the other interesting-sounding things mentioned by other posters here. What <i>should</i> it look like?
评论 #2325550 未加载
rwolfabout 14 years ago
It's so beautiful!
评论 #2323316 未加载
atgmabout 14 years ago
It would be really nice if I could middle-click "details" to open palettes in new tabs, or favorite palettes to come back to or even compare in a grid view later.<p>I'm also really confused about the swatch download. It tries to download as "default," and even if I change the file type to aco, I can't load it as a swatch in Photoshop.
评论 #2327077 未加载
theoneabout 14 years ago
A nice, gorgeous app. Definitely added to my collection. Interesting to see these different color schemes.<p>There's one particular thing which I liked was that, it stores previous search results. I wasn't expecting it in first place, But liked to see previous search results.<p>One more thing, will there be any API access to this service.
gaoshanabout 14 years ago
That's really nice, Bermi. Good job. So what resources did you find useful for learning to best use node.js?
评论 #2324899 未加载
xutopiaabout 14 years ago
Any chance you could switch the rgb value to something we can easily copy/paste in CSS? rgb(128, 128, 128)
评论 #2326154 未加载
alexkearnsabout 14 years ago
Stunningly brilliant. Develop a widget that other companies can put on their sites, and charge for it.
sageabout 14 years ago
It looks great. I like how the settings controls are mostly invisible until the mouses over.<p>Here are some ideas for additional features:<p>1) Let a user load their favorites from Flickr and show the palette for each.<p>2) Create a bookmarklet than can be run on Flickr photo page to bring up the colorapi.com page for that photo.
评论 #2324096 未加载
theunknown21about 14 years ago
This is honestly really cool. This reminds me of the Adobe Ideas iphone app that lets you import photos to get a color swatch (but still doesnt let you export them!!). I'm curious what you're using to host your app?
评论 #2324880 未加载
tropinabout 14 years ago
It would be cool if it had an API, like the picture url and palette in JSON.
评论 #2326711 未加载
Tychoabout 14 years ago
This is absolutely brilliant. The interface is very intuitive. Was node.js instrumental in making this work, or did you just want an excuse to learn it? (ie. rather than use a different server language)
评论 #2325141 未加载
the3dguyabout 14 years ago
Sorry if someone already asked this, but could you release the source code for this project if it was just a learning experience for you? We could all learn from this and would appreciate it.
PeterMcCanneyabout 14 years ago
A great product.<p>I've been doing web design since 1997 and this is one of the most useful online tools for colour inspiration I've seen.<p>Your naming structure for the downloadable swatches is a nice touch.
makethetickabout 14 years ago
This is a great tool to get colour scheme ideas from using 'real life' colour combinations. Well done!
评论 #2323319 未加载
cubtastic71about 14 years ago
Sweet - this is definitely getting bookmarked to use at work :) Very refreshing interface and flow.
noonehomeabout 14 years ago
Just typed in Brazil and loved the colors (and photos) returned. Thanks Bermi.
kingsidharthabout 14 years ago
I am officially switching from kuler to colorapi!
snissnabout 14 years ago
sample searches always help
dpkendalabout 14 years ago
Very, very well executed idea, with one exception: hashbang URLs. Really? Reaallly?