How to find the alpha channel transparency value of a pixel in a png image?

css image transparency photoshop
Allen Bargi picture Allen Bargi · Jan 25, 2010 · Viewed 30.4k times · Source

I have an image that has alpha channel transparency.

I want to recreate the same background color with RGBA values in CSS but I can not find the real color of the background pixels and their alpha channel value. if I use any sort of color picker it will give me the absolute value of the pixel color which is relevant to its background color.

Do you know any trick to find out the real alpha channel value of a pixel?

Answer

Roman Nurik picture Roman Nurik · Feb 1, 2010

In Photoshop's Info panel, you can choose 'Opacity' as a readout mode, though it will show up as a percentage and not as a real alpha value.

To enable it, simply open the Info window, choose Panel Options and then set the Second Color Readout mode to Opacity.

Related questions

Drop shadow for PNG image in CSS

I have a PNG image, that has free form (non square). I need to apply drop-shadow effect to this image. The standard approach ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12…

Read More
Can you add a non-square drop shadow to PNG content with CSS?

Is it possible to do a drop shadow on the content of a PNG? Not a square, but an object drop shadow that acts on the non-transparent content of the PNG.

Read More
How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More