Índice

Notación de los colores

Las hojas de estilo CSS proporcionan múltiples notaciones para declarar un color. Estas son:

  • La notación hexadecimal clásica, es decir, #ffcc00. Esta notación es muy conocida para aquellos que están habituados a los colores en HTML. Define el color, o más bien los tres componentes del color: rojo (r de red), verde (g de green) y azul (b de blue), mediante una notación hexadecimal de tipo #rrggbb.

  • La notación hexadecimal abreviada es #fd3. Esta notación particular permite ganar algunos caracteres. Cada cifra está implícitamente duplicada. Por ejemplo, #fd3 corresponde con la notación clásica #ffdd33. De este modo, esta notación abreviada nunca podrá definir, por ejemplo, el color #cfe4f5.

  • La notación decimal, por ejemplo, color: rgb(0, 0, 255). El código RGB del color no se codifica según su valor hexadecimal, sino por un número comprendido entre 0 y 255. Es el equivalente decimal a la notación hexadecimal.

  • La notación en porcentaje, por ejemplo, color: rgb(25%, 50%, 0%). El valor 0% significa la ausencia de dicho componente y 100% su valor máximo.

  • Palabras clave, por ejemplo, color: red. Estos colores, 17 en total, se designan mediante un nombre en inglés y constituyen colores básicos. Entre ellos encontramos: green (verde), yellow (amarillo), blue (azul medio), orange (naranja), white (blanco), red (rojo), black (negro), maroon (marrón oscuro), lime (verde limón), ...