Índice

Aplicar un color

Esta propiedad permite definir el color del texto.

color:

nombre del color

o bien notación hexadecimal en formato #rrggbb

o bien notación hexadecimal en formato abreviado #rgb

o bien notación en modo RGB con valores enteros comprendidos entre 0 y 255

o bien notación en modo RGB en porcentajes % de 0 a 100

o bien notación en modo RGBa, donde a está comprendida entre 0 y 1

o bien notación en modo HSL

o bien notación en modo HSLa, donde a está comprendida entre 0 y 1

o bien transparent

Las distintas notaciones de color ya se han abordado en el capítulo Sintaxis de las CSS - Notación de los colores.

De este modo, sería equivalente informar el color rojo de cualquiera de las siguientes maneras:

color: red; 
color: #ff0000; 
color: #f00; 
color: rgb(100%,0%,0%); 
color: rgb(255,0,0); 
color: rgb(255,0,0,1); 
color: hsl(0, 100%, 50%); 
color: hsl(0, 100%, 50%,1);

El color por defecto para el texto es el negro.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   body { color: #ff0000;} 
   </style> 
</head> 
<body> 
<h1>Texto en rojo</h1> 
</body> 
</html>
images/CAP14IMG01.png

Comentario

Si bien aquí se estudia en relación con el texto, esta propiedad color puede aplicarse a otros ...