css - hexadecimal - ¿Cómo encontrar el valor de transparencia del canal alfa de un píxel en una imagen png?

color transparente codigo

Question

Tengo una imagen que tiene transparencia de canal alfa.

Quiero recrear el mismo color de fondo con valores RGBA en CSS, pero no puedo encontrar el color real de los píxeles de fondo y su valor de canal alfa. si uso cualquier tipo de selector de color, obtendré el valor absoluto del color del píxel que sea relevante para su color de fondo.

¿Conoces algún truco para descubrir el valor real del canal alfa de un píxel?

Answer 1

Descubrí una forma de obtener el valor alfa exacto en Photoshop. Las otras soluciones solo obtienen el porcentaje entero más cercano al alfa real.

• Crea una capa de fondo negro (# 000000).
• Duplique la capa cuyo alfa necesita, porque necesitamos editarlo. (O si necesita la alfa compuesta de varias capas, duplíquelas y combínelas)
• Oculta la capa original, de modo que solo el fondo negro y el nuevo duplicado estén visibles.
• Haga clic en la nueva capa y luego haga clic en "Bloquear píxeles transparentes" (El pequeño icono de tablero de ajedrez encima de las capas)
• Llene la capa (Shift + Retroceso) con color Blanco.

Ahora tiene una imagen que contiene los valores alfa de la imagen original, en escala de grises. Simplemente use el Selector de colores para seleccionar cualquier píxel en la imagen y obtenga el valor alfa exacto (por ejemplo, # 7f7f7f significa alfa de 0x7f o 127).

Answer 2

En el panel de información de Photoshop, puede elegir "Opacidad" como modo de lectura, aunque se mostrará como un porcentaje y no como un valor alfa real.

Para habilitarlo, simplemente abra la ventana de Información , elija Opciones de Panel y luego configure el Modo de Lectura de Segundo Color en Opacidad .

Answer 3

Usando Gimp, puedes usar el selector de Color.

Presione shift mientras hace clic en un píxel.
(o marque Use info window en las opciones de la herramienta)

Una vez que haga clic en un píxel, aparecerá la Color Picker Information window , que le mostrará los detalles, incluido el nivel alfa:

Answer 4

use el color absoluto y ajuste la transparencia en el photoshop hasta que se vea bien y luego use ese porcentaje como su valor.

Answer 5

use el panel de información de PS y configure el modo de lectura de segundo color en opacidad. apague la visibilidad de todas las capas, excepto la capa del objeto que está analizando (el fondo debe ser un tablero de ajedrez transparente) -info ahora le da el valor de rgb original y corrige la opacidad que puede convertirse en rgba.