Blog ElCodiguero
31 Dec 2009 CSS

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:

white black aqua blue
fuchsia gray green lime
maroon navy olive purple
red silver teal yellow

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

Activa Javascript para para cargar los comentarios, basados en DISQUS

El Blog de ElCodiguero funciona sobre Pelican

Inicio | Blog | Acerca de