我有一个具有alpha通道透明度的图像 .
我想用CSS中的RGBA值重新创建相同的背景颜色,但我找不到背景像素的真实颜色及其alpha通道值 . 如果我使用任何颜色选择器,它将给我与其背景颜色相关的像素颜色的绝对值 .
你知道找出像素的真正alpha通道值的技巧吗?
在Photoshop的“信息”面板中,您可以选择“不透明度”作为读数模式,但它会显示为百分比而不是真正的Alpha值 .
要启用它,只需打开 Info 窗口,选择 Panel Options 然后将 Second Color Readout 模式设置为 Opacity .
使用Gimp,你can use颜色选择器 .
单击像素时按shift键 .(或在工具选项中勾选 Use info window )
Use info window
单击一个像素后,将弹出 Color Picker Information window ,显示包含alpha级别的详细信息:
Color Picker Information window
我发现了一种在Photoshop中获得精确alpha值的方法 . 其他解决方案仅获得与实际alpha最接近的整数百分比 .
创建黑色背景图层(#000000) .
复制您需要其alpha的图层,因为我们需要对其进行编辑 . (或者,如果您需要多个图层的复合alpha,复制它们并合并它们)
隐藏原始图层,以便只显示黑色背景和新副本 .
单击新图层,然后单击"Lock transparent pixels"(图层上方的小棋盘图标)
用白色填充图层(Shift Backspace) .
现在您有一张包含原始图像的alpha值的图片,以灰度显示 . 只需使用拾色器选择图像中的任何像素,并获得精确的alpha值(例如#7f7f7f表示字母为0x7f或127) .
使用绝对颜色并调整photoshop中的透明度,直到它看起来正确,然后使用该百分比作为您的值 .
使用PS信息面板并将第二种颜色读数模式设置为不透明度 . 关闭除了正在分析的对象层之外的所有图层的可见性(背景应该是透明棋盘)-info现在提供原始rgb值和正确的不透明度,可以转换为rgba .
5 回答
在Photoshop的“信息”面板中,您可以选择“不透明度”作为读数模式,但它会显示为百分比而不是真正的Alpha值 .
要启用它,只需打开 Info 窗口,选择 Panel Options 然后将 Second Color Readout 模式设置为 Opacity .
使用Gimp,你can use颜色选择器 .
单击像素时按shift键 .
(或在工具选项中勾选
Use info window
)单击一个像素后,将弹出
Color Picker Information window
,显示包含alpha级别的详细信息:我发现了一种在Photoshop中获得精确alpha值的方法 . 其他解决方案仅获得与实际alpha最接近的整数百分比 .
创建黑色背景图层(#000000) .
复制您需要其alpha的图层,因为我们需要对其进行编辑 . (或者,如果您需要多个图层的复合alpha,复制它们并合并它们)
隐藏原始图层,以便只显示黑色背景和新副本 .
单击新图层,然后单击"Lock transparent pixels"(图层上方的小棋盘图标)
用白色填充图层(Shift Backspace) .
现在您有一张包含原始图像的alpha值的图片,以灰度显示 . 只需使用拾色器选择图像中的任何像素,并获得精确的alpha值(例如#7f7f7f表示字母为0x7f或127) .
使用绝对颜色并调整photoshop中的透明度,直到它看起来正确,然后使用该百分比作为您的值 .
使用PS信息面板并将第二种颜色读数模式设置为不透明度 . 关闭除了正在分析的对象层之外的所有图层的可见性(背景应该是透明棋盘)-info现在提供原始rgb值和正确的不透明度,可以转换为rgba .