Sometimes a CSS color scraper comes in handy ...

http://colrgrabr.swissamigos.com/#news.ycombinator.com

by bennyschudel • 14 years ago

51 22 14 years ago

colrgrabr.swissamigos.com

fullsailor• 14 years ago

s/Opaque/Transparent

glitch• 14 years ago

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

skoob• 14 years ago

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

bennyschudel5• 14 years ago

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

landhar• 14 years ago

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

bennyschudel5• 14 years ago

what kind of implementation details are you interested in?

gdubs• 14 years ago

Really nice work.

samstave• 14 years ago

pornhub.com returns nothing.

Kilimanjaro• 14 years ago

A browser extension would be really useful.

josscrowcroft• 14 years ago

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)

kaiwetzel• 14 years ago

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)

bennyschudel5• 14 years ago

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);})();

bennyschudel5• 14 years ago

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

TomGullen2• 14 years ago

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

tikhonj• 14 years ago

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.)

aptwebapps2• 14 years ago

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.

narcissus• 14 years ago

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.

bennyschudel5• 14 years ago

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

pinchyfingers• 14 years ago

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

softbuilder• 14 years ago

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.

Sometimes a CSS color scraper comes in handy ...

Related Stories