2010-01-25 19 views
61

Tengo una imagen que tiene transparencia de canal alfa.¿Cómo encontrar el valor de transparencia del canal alfa de un píxel en una imagen png?

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 averiguar el valor real del canal alfa de un píxel?

+1

Oh común a esta pregunta y sus respuestas son simplemente fantásticas, no están fuera de tema porque se trata de un problema muy específico que afecta a muchas personas en todo el mundo, sobre diseñadores que modernizan sitios web antiguos que usaban imágenes transparentes como una solución debido a que la opacidad no era un estándar seguido por todos los principales navegadores (seamos claros: Explorador de Internet). – Heitor

Respuesta

139

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 activarlo, basta con abrir la ventana deInfo, elija las opciones del panel y luego ajustar el modo de Segundo informe de color a Opacidad.

+2

+1 me salvó mucho tiempo –

+4

+1 Gracias, esta opción está bien escondida. También tenga en cuenta: Puede establecer la opción "First Color Readout" en "Web Color", que le brindará el RGB en modo HEX. Muy útil. –

+2

En CS6 (¿quizás en versiones anteriores también?) Hay un pequeño atajo para esto. Haga clic en el icono del menú desplegable con el menú desplegable en el panel Información y seleccione Opacidad directamente desde la lista. – darrinm

0

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

+1

Esto es lo que estoy haciendo en este momento. es factible pero debería haber una mejor manera. –

6

Encontré una manera de obtener el exacto valor alfa en Photoshop. Las otras soluciones solo obtienen el porcentaje entero más cercano al alfa real.

  • Cree una capa de fondo negra (# 000000).
  • Duplique la capa cuyo alfa necesita, porque tenemos que editarlo. (O si necesita la alfa compuesta de varias capas, duplíquelas y combínelas)
  • Oculte 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 en "Bloquear píxeles transparentes" (El pequeño icono de tablero de ajedrez encima de las capas)
  • Rellene la capa (Mayús + 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).

0

utilice el panel de información PS y configure el modo de lectura del 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.

16

Usando Gimp, usted can use el selector de color.

Presione cambie haciendo clic en un píxel.
(o garrapata Use info window en las opciones de la herramienta)

Una vez que se hace clic en un píxel, el Color Picker Information window aparecerá, que muestra los detalles incluyendo el nivel alfa:

screenshot from gimp docs

Cuestiones relacionadas