transparencia canal alfa colors standards

colors - transparencia - canal alfa gimp



Representación hexagonal de un color con canal alfa (5)

Chrome 52+ es supports alfa hex:

background: #56ff0077;

Para navegadores antiguos, deberás usar:

background-color: rgba(255, 220, 0, 0.3);

¿Existe un W3 o cualquier otro estándar digno de mención sobre cómo representar un color (incluido el canal alfa) en formato hexadecimal?

¿Es #RGBA o #ARGB?

En CSS 3, para citar de la especificación, "no hay notación hexadecimal para un valor RGBA" (vea la especificación CSS Nivel 3 ). En su lugar, puede usar la notación funcional rgba () con decimales o porcentajes, por ejemplo, rgba (255, 0, 0, 0.5) sería 50% rojo transparente. Los canales RGB son 0-255 o 0% -100%, alfa es 0-1.

En CSS 4 *, puede especificar el canal alfa utilizando los caracteres 7 y 8 de un color hexadecimal de 8 dígitos, o el 4 ° carácter de un color hexadecimal de 4 dígitos (consulte la especificación CSS del nivel 4 *)

Soporte del navegador a partir de noviembre de 2017

  • Firefox ha admitido esta sintaxis desde Firefox 49 ( error de Mozilla 567283 ).
  • Safari ha admitido esta sintaxis desde Safari 10.
  • Chrome on Desktop ha admitido esta sintaxis desde Chrome 62. Para versiones anteriores, puede habilitar funciones web experimentales para usar esta sintaxis. Ver Chromium Issue 618472 y Webkit bug 150853 .
  • Se espera que Chrome en Android admita la sintaxis en Android P.
  • Es probable que Opera sea compatible con esta sintaxis en Opera 49.
  • IE 11 y EdgeHTML 15 (Edge 40) no son compatibles con esta sintaxis.

La información actualizada de soporte del navegador está disponible en CanIUse.com

* Técnicamente aún en borrador, pero dado el soporte del navegador, es poco probable que se modifique.

No estoy seguro de si hay un estándar oficial

RGBA es la representación que he visto para Web Macromedia y otros usan ARGB

Creo que RGBA es la representación más común.

Si ayuda, esto es de W3 para CSS3
http://www.w3.org/TR/css3-color/#rgba-color

EDIT (Patrick): cita del enlace W3 anterior

A diferencia de los valores RGB, no hay notación hexadecimal para un valor RGBA

Parece que no hay formato alfa hexadecimal: http://www.w3.org/TR/css3-color/

De todos modos, si usa un preprocesador de CSS como SASS, puede pasar un hexágono a rgba : fondo:

rgba(#000, 0.5);

Y el preprocesador simplemente convierte el código hexadecimal a rgb automáticamente.

Podría tratar de poner el color hexadecimal en el selector de color de GIMP o tienda de fotografía para obtener el valor RGB y luego usar el valor alfa. p.ej. rojo es #FF0000 o rgb(255,0,0 ) si quiere rojo con un valor alfa de .5 y luego rgba(255,0,0,.5) .

Tal vez no sea exactamente lo que quería, pero con suerte ayuda.