La propiedad color
La propiedad color establece el color:
- del texto,
- del borde ( border ),
- de la sombra ( box-shadow ),
- de las decoraciones de texto ( text-decoration )
- de las viñetas ( list-style )
- del texto alternativo de las imágenes rotas
- el currentColor
See the Pen la propiedad color*** by Gabi (@enxaneta) on CodePen.
El color es heredado de todos los elementos descendientes, que tendrán el mismo color que el elemento padre.
Posibles valores
La propiedad color puede tomar como valor un color especificado como color hex, rgb, rgba, hsl, hsla, o nombres de colores.
También puede tomar como valor la palabra clave transparent.
/* palabras clave */
color: currentColor;
color: transparent;
/* nombres de colores */
color: red;
color: orange;
color: tan;
color: rebeccapurple;
/* colores hex */
color: #090;
color: #009900;
color: #090a;
/* colores rgb y rgba */
color: rgb(34, 12, 64, 0.6);
color: rgba(34, 12, 64, 0.6);
color: rgb(34 12 64 / 0.6);
color: rgba(34 12 64 / 0.3);
color: rgb(34.0 12 64 / 60%);
color: rgba(34.6 12 64 / 30%);
/* colores hsl y hsla */
color: hsl(30, 100%, 50%, 0.6);
color: hsla(30, 100%, 50%, 0.6);
color: hsl(30 100% 50% / 0.6);
color: hsla(30 100% 50% / 0.6);
color: hsl(30.0 100% 50% / 60%);
color: hsla(30.2 100% 50% / 60%);