Sometimes a CSS color scraper comes in handy ... | Hacker News Reader

Sometimes a CSS color scraper comes in handy ...

colrgrabr.swissamigos.com

51 pointsbennyschudel22 comments

Every search I try it gives me the colours for Hacker News :(

I can see why this would be very useful (instead of trawling through the CSS with dev tools or using a colourpicker)

- On closer inspection, it looks like it's always returning the colours for the first search I made, whichever that is..

(Chrome latest on Mac)

For me it works on most URLs not containing a path components but sometimes it chokes. Seems to return the latest successful query then?

I think it's a very useful idea. Maybe a bookmarklet is second best to a browser plugin (but this one can surely be improved):

   javascript:(function(){var%20s=encodeURIComponent(window.location.href.match(/:\/\/(.[^/]+)/)[1]);open('http://colrgrabr.swissamigos.com/?url='+s+'#'+s);})();

(stripping the path for now, to make it work)

Hey thanks for the effort of creating a bookmarklet for ColrGrabr. I will provide it directly on the page.

Btw. you don't need the ?url= query param.

  javascript:(function(){var%20s=encodeURIComponent(window.location.href.match(/:\/\/(.[^/]+)/)[1]);open('http://colrgrabr.swissamigos.com/#+s);})();

Thanks for your comment.

I've tested it on Chrome latest for Mac & Canary Build and it works fine for me.

Do you have more details on this issue?

thx

It's cool, but curious why it shows nothing on our website! http://colrgrabr.swissamigos.com/#http://www.scirra.com

It doesn't show anything for my site either :( Life is difficult! (http://inst.eecs.berkeley.edu/~tikhon) And my page is fully standards compliant. (Yours might be as well--I didn't check.)

Why do your css links have a double slash prepended?

    "//static4.scirra.net/css/newmaster.css?v=43"

No idea if that's the issue but it stuck out.

Although I can't speak for the OP, and you may be asking for a different reason, but double slashes are an acceptable way to write fully qualified URLs while still being protocol agnostic (that is to say, if you're on a page that was served via HTTPS, the double slash URL implies using the HTTPS protocol). It let's you have fully qualified URLs, without having to worry about the protocol and browser whining about mixed security.

Yes you're right, lets us switch between https and http without having security errors being thrown up on static resources.

Thanks, I did not know that.

I get a http 500 status code back and I'm gonna investigate that issue tomorrow. Maybe its because the user agent.

Awesome. Works great on my site. I'm gonna use this all the time, thanks!

ubuntu.com is kind of interesting... http://colrgrabr.swissamigos.com/#http://ubuntu.com

oh yeah, thats because I didn't took CSS @include statements into account. will be fixed asap. ;)

Not working for me on Chrome on Mac. Keeps the HN url appended on top of my own url. When I manually edit, still doesn't work, just gives me the original form.

pornhub.com returns nothing.

Very neat! I would like to hear more about implementation details. Also what fullsailor pointed out.

what kind of implementation details are you interested in?

s/Opaque/Transparent

Indeed. While objects with transparency are defined with their opacity, they are not opaque.

A browser extension would be really useful.

Really nice work.

Reply on news.ycombinator.com