: Find out opacity and color value of a semi transparent PNG? I have a semi transparent PNG. I want to know the exact hexadecimal and color value so I can create it in my website with CSS.

@Shelley591

From stackoverflow.com/questions/2131949/how-to-find-the-alpha-channel-transparency-value-of-a-pixel-in-a-png-image
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 navigate to Window > Info. Access the 'Panel Options...' from the dropdown menu and then set the 'Second Color Readout' mode to 'Opacity':

Vote Up Vote Down

@Smith574

Rather than trying to calculate the hex values from the PNG, why don't you use the CSS rgba color?
developer.mozilla.org/en/docs/Web/CSS/color_value#rgba()
This way, you just reproduce the normal color and apply the transparency in CSS.

Vote Up Vote Down