Colores nombrados
css
En CSS, cuando utilizamos una propiedad como background-color podemos colocar valores del tipo <color>1.
Existen diferentes alternativas, algunas de ellas son:
- por palabras reservadas o nombres
- por notación hexadecimal2
- por notaciones de espacio de color
El concepto colores nombrados hace referencia a los colores que están asociados con palabras en lugar de códigos o funciones. Existen alrededor de 150 palabras que hacen referencia a colores3:
Puedes dar clic en cualquier elemento para copiar el color en tu portapapeles.
Algunas de ellas son sinónimos, es decir, son el mismo color pero escrito de diferente manera:
- Aqua / Cyan
- Fuchsia / Magenta
- DarkGray / DarkGrey
- DarkSlateGray / DarkSlateGrey
- DimGray / DimGrey
- LightGray / LightGrey
- LightSlateGray / LightSlateGrey
- Gray / Grey
- SlateGray / SlateGrey
Además de estas palabras, también podemos encontrar transparent para crear transparencia y currentColor que nos ayuda a heredar el color de elementos superiores en la jerarquía de elementos.
INFO
Los nombres no son sensibles a mayúsculas y minúsculas. Por lo que podemos
escribir DarkGray, DARKGRAY o darkgray y funcionará de la misma manera.