Geek Answers Handbook

How can I get the color of any specified pixel on a web page?

My initial search indicates that for security reasons I may not be able to do this, but I will ask anyway. How can I get the color of any specified pixel on a web page?
To be more specific, this is my own web page that contains background colors, images, css-modified-elements. I need to know the color of a specific pixel on a fully displayed web page. Information cannot be from screen capture because I want to change my fully displayed page.

Oh!!! Someone really "minus 1" me in order to ask a genuine question? Tough crowd!

To be more specific: I want to add a user-moved canvas element to a web page that visually changes the part of the web page on which the canvas hangs. Think of the canvas element as a magnifying glass that the user can move around the web page. But the actual effect that I want to create the canvas element is a color filter (hence the need for basic colors).

+7
source share
3 answers

Unable to complete w / script + tricks. Maybe through the plugin

If you can configure the server browser to display pages for you, this may work.

+1
source

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

Ok some more details here.

Using the Chrome plug-in, you can load your page and use the little dropper tool to select the page segment that interests you to find out the color. It’s straightforward, but for your “Edit” its kind of screen scripting. Not sure if you can or cannot use chrome.

If you cannot use the plug-in, do you have the option to select the html element via right-clicking?

+2
source

You can use the html2canvas library to re-transfer your web page to the canvas each time the DOM is updated, and then grab the pixel information from the canvas.

However, it looks like you are trying to achieve, perhaps with css filters. Here may be a demonstration of what css filters can use. You will need to display two layers with the same HTML, where the top layer has a filter applied to it and is cropped to cover only the desired area.

+2
source

More articles:


All Articles