Colores nombrados
Tiempo de lectura:
Publicado:
Actualizado:
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.
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.