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