CSS Colors

Other

color: inherit;
color: initial;
color: unset;
color: transparent;
color: currentcolor; /\* keyword \*/

HSL Colors

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%);

rgb() Colors

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%);

Hexadecimal color

color: #090;
color: #009900;
color: #090a;
color: #009900aa;

Named color

color: red;
color: orange;
color: tan;
color: rebeccapurple;
Comments