Colores predefinidos en CSS

CSS provee varias formas de definir colores como valores de propiedades (fondo, color de letra, bordes, etc). Estas son:

rgb(RRR,GGG,BBB)

Valores decimales para rojo, verde y azul, cada uno entre 0 y 255.

rgb(RR%, GG%, BB%)

Valores en porcentajes de rojo, verde y azul. Indicar 0% es igual a poner 0 en la forma anterior, e indicar 100% es lo mismo que poner 255.

#RRGGBB

valores hexadecimales (tal y como se usan en HTML)

#RGB

Valores hexadecimales abreviados. Por ejemplo, #FFFFFF (blanco) se puede escribir como #FFF

color

Uno de los 16 colores predefinidos por la norma CSS.

Esta última opción es la más cómoda, pero también provoca algunos problemas: muchas veces uno prueba el nombre de un color cualquiera (por ejemplo "skyblue", celeste), ve que funciona, y sigue diseñando tranquilamente. Pero al validar, el validador indica que "skyblue" no es un valor válido…
Es bueno entonces tener una lista de los colores predefinidos, para evitar estos detalles.

Y los colores predefinidos en CSS2 son los siguientes:

No son muchos, pero son bastante variados. Y siempre es más cómodo escribir
white
que
rgb(255,255,255)

CSS3 promete muchas más opciones a la hora de manejar los colores. Se podrá elegir el perfil de color, usar los colores predefinidos para SVG, y algunas otras cosas más.

Enlaces relacionados

• CSS2, especificación en español
• CSS2: colores predefinidos.
• CSS3 Color Module
• Tabla con los colores válidos y el contraste entre ellos