如何找到png图像中像素的alpha通道透明度值?[关闭]


68

我有一幅具有Alpha通道透明度的图像。

我想用CSS中的RGBA值重新创建相同的背景色,但是我找不到背景像素的真实颜色及其alpha通道值。如果我使用任何一种颜色选择器,它将给我与背景色相关的像素颜色的绝对值。

您知道找出像素的真实Alpha通道值的任何技巧吗?


1
哎呀,这个问题及其答案简直太棒了,它不是题外之意,因为它涉及到一个非常具体的问题,影响到世界各地的许多人,有关设计师现代化旧网站的工作,这些网站使用透明图像作为解决方法,原因是不透明不是所有主要浏览器都遵循的标准(我们要明确一点:Internet Explorer)。
Heitor

Answers:


152

在Photoshop的“信息”面板中,您可以选择“不透明度”作为读数模式,尽管它将以百分比显示,而不是以实际的alpha值显示。

要启用它,只需打开“信息”窗口,选择“面板选项”,然后将“第二种颜色读出”模式设置为“不透明度”即可


4
+1谢谢,此选项是隐藏的。另请注意:您可以将“第一颜色读数”选项设置为“网页颜色”,这将在十六进制模式下为您提供RGB。很有用。
Scott Rippey 2012年

3
在CS6中(也许是更早的版本?),此操作略有捷径。单击“信息”面板中的带滴管的下拉菜单图标,然后从列表中直接选择“不透明度”。
darrinm

谢谢!我看到我可以滴眼液的颜色,而不是不透明度。如果不能的话,我会很失望的。
亚当·帕特森

这给出了不透明度的百分比,但是在四舍五入后,该百分比可以对应3个不同的数字(从0到255)。

19

使用Gimp,您可以使用颜色选择器。

出版社shift同时在像素上点击。
(或Use info window在工具的选项中打勾)

单击像素后,Color Picker Information window将会弹出,向您显示包括alpha级别的详细信息:

gimp文档的屏幕截图


5

我找到了一种在Photoshop中获取确切的alpha值的方法。其他解决方案仅获得最接近实际alpha的整数百分比。

  • 创建一个黑色背景层(#000000)。
  • 复制您需要其Alpha的图层,因为我们需要对其进行编辑。(或者,如果您需要多个图层的复合Alpha,请复制它们并合并它们)
  • 隐藏原始图层,以便仅可见黑色背景和新副本。
  • 单击新层,然后单击“锁定透明像素”(层上方的小棋盘图标)
  • 用白色填充图层(Shift + Backspace)。

现在,您有了一张包含原始图像的alpha值的灰度图像。只需使用“颜色选择器”选择图像中的任何像素,然后获取确切的alpha值(例如,#7f7f7f表示alpha为0x7f或127)。


0

使用绝对颜色并在Photoshop中调整透明度,直到看起来正确为止,然后使用该百分比作为您的值。


1
这就是我现在正在做的。可行,但应该有更好的方法。
艾伦·巴吉

0

使用PS信息面板并将第二种颜色读出模式设置为不透明。关闭除要分析的对象层(背景应为透明棋盘)以外的所有层的可见性-info现在提供原始rgb值和正确的不透明度,可以将其转换为rgba。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.