color

 

Imagen:traduccion-pendiente.png Esta página está traduciéndose a partir del artículo CSS:color, razón por la cual puede haber algunos errores sintácticos o partes sin traducir. Puedes colaborar continuando con la traducción

 

Sumario

La propiedad color pone el color de primer plano (normalmente la fuente) de un elemento de texto.

Sintaxis

border-bottom-color: color | inherit

Valores

color 
El color puede especificarse de cualquiera de las siguientes formas:
  • como un valor RGB expresado en hexadecimal.
  • como un valor RGB o RGBA normal .
  • como un valor HSL o HSLA normal .
  • como uno de los nombres de color predefinidos.

Ejemplos

Aquí tenemos varias formas de hacer que el texto del elemento sea de color rojo:

element { color: red }
element { color: #f00 }       
element { color: #ff0000 } 
element { color: rgb(255,0,0) }      
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }

Si se desea incluir un canal alfa en el color para permitir que se haga translúcido, se pueden usar colores RGBA o HSLA, de la siguiente forma:

element { color: rgba(255, 0, 0, 0.5) } 
element { color: hsla(0, 100%, 50%, 0.5) } 

Estos dos ejemplos crean un color con opacidad 0,5 o 50%.

Notas

Especificaciones

Colores específicos de Mozilla
Edit section

  • -moz-Field : color de fondo de campos de texto predeterminado de mozilla
  • -moz-FieldText : color de primer plano de campos de texto predeterminado de mozilla
  • -moz-nativehyperlinktext : color de enlaces de plataforma predeterminado 

Compatibilidad entre navegadores

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: teoli, trada, Mgjbot, HenryGR
 Última actualización por: teoli,