Mobile app version of vmapp.org
Login or Join
Gloria351

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

@Gloria351

Posted in: #AdobeFireworks #AdobePhotoshop

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. How can I find this out?

I have Photoshop and Fireworks on my computer but I cant just use the eye dropper tool as that will give me the effective colour of the semi transparency over the background.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria351

2 Comments

Sorted by latest first Latest Oldest Best

 

@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':

10% popularity 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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme