2009-09-14 21 views
76

¿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?Representación hexagonal de un color con canal alfa?

¿Es #RGBA o #ARGB?

+5

Viene en color CSS Nivel 4 [fuente] (http: // lists.w3.org/Archives/Public/www-style/2013Apr/0051.html) (véase la cuarta viñeta) –

+0

@ ŠimeVidas si hubiera que poner en una respuesta, te habría upvoted. –

+0

@cirosantilli ¿Me veo como que necesito el representante? ': -P' –

Respuesta

43

En CSS 3, para citar la especificación, "no hay notación hexadecimal para un valor RGBA" (consulte CSS Level 3 spec). En su lugar, puede usar la notación funcional rgba() con decimales o porcentajes, p. 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 el 7 y 8 caracteres de un color hexadecimal de 8 dígitos, o cuarto carácter de un color hexadecimal de 4 dígitos (ver CSS Level 4 spec *) apoyo

navegador como del NoV 2017

  • Firefox ha apoyado esta sintaxis desde Firefox 49 (Mozilla bug 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.
  • Opera probable apoyará esta sintaxis en Opera 49.
  • IE 11 y 15 EdgeHTML (Edge 40) no son compatibles con esta sintaxis.

Hasta la fecha la información soporte de los navegadores es available on CanIUse.com

* Técnicamente aún en borrador, pero dado el soporte de los navegadores que esto es poco probable que cambie.

+2

A partir de ahora, Mozilla (Firefox 49) parece apoyar #RRGGBBAA y #RGBA – Shiyaz

+0

Para información de servicio técnico actual del navegador, ver https://caniuse.com/#feat=css-rrggbbaa – Stony

14

no estoy seguro de si hay un funcionario de normas

RGBA es la representación que he visto para Web Macromedia y otros utilizan 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

EDITAR (Patrick): cita del enlace de arriba W3

A diferencia de los valores RGB, no hay notación hexadecimal para una Valor RGBA

+2

Además, la función de CSS para especificar colores con alfas es RGBA() – Amber

+7

del W3 enlazar informados: a diferencia de los valores RGB, no hay notación hexadecimal para un valor RGBA. –

+2

He visto # RGB, A antes. Extraño. Para – Joshua

67

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

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

rgba(#000, 0.5); 

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

+3

muy fresco. Gracias por mencionar! – AndrewHenderson

1

Puede 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 luego rgba(255,0,0,.5).

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

+0

Esto fue rechazado, lo que parece un poco duro. No responde la pregunta, pero la pregunta no dice por qué quieren saber. Si solo quieren usar un color RGBA en CSS, entonces esta respuesta es correcta. – thelem

1

Chrome 52+ supports alfa hexagonal:

background: #56ff0077; 

Para los navegadores más antiguos, que tendrá que utilizar:

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

No, no, a menos que active características web experimentales, porque causaba problemas en Android. Ver mi respuesta más arriba para detalles de soporte del navegador. – thelem

Cuestiones relacionadas