如何在png图像中找到像素的alpha通道透明度值?

All*_*rgi 64 css photoshop transparency image

我有一个具有alpha通道透明度的图像.

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

你知道找出像素的真正alpha通道值的技巧吗?

Rom*_*rik 147

在Photoshop的"信息"面板中,您可以选择"不透明度"作为读数模式,但它会显示为百分比而不是真正的Alpha值.

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

  • +1谢谢,这个选项很好隐藏.另请注意:您可以将"First Color Readout"选项设置为"Web Color",这将为您提供HEX模式下的RGB.很有用. (4认同)
  • 在CS6(也许是早期版本?)中有一个轻微的捷径.单击"信息"面板中的"带滴管 - 下拉菜单"图标,然后从列表中选择"不透明度". (3认同)
  • +1为我节省了很多时间 (2认同)

jom*_*omo 18

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

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

单击一个像素后,Color Picker Information window将弹出,显示包括alpha级别在内的详细信息:

来自gimp docs的截图


Dan*_*son 6

我发现了一种在Photoshop中获得精确 alpha值的方法.其他解决方案仅获得与实际alpha最接近的整数百分比.

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

现在您有一张包含原始图像的alpha值的图片,以灰度显示.只需使用拾色器选择图像中的任何像素,并获得精确的alpha值(例如#7f7f7f表示字母为0x7f或127).