MENU


Color Definition

rgb(@red, @green, @blue) Creates an opaque color object from decimal red, green and blue (RGB) values.
rgba(@red, @green, @blue, @alpha) Creates a transparent color object from decimal red, green, blue and alpha (RGBA) values.
argb(@color) Creates a hex representation of a color in #AARRGGBB format.
hsl(@hue, @saturation, @lightness) Creates an opaque color object from hue, saturation and lightness (HSL) values.
hsla(@hue, @saturation, @lightness, @alpha) Creates a transparent color object from hue, saturation, lightness and alpha (HSLA) values.
hsv(@hue, @saturation, @value) Creates an opaque color object from hue, saturation and value (HSV) values.
hsva(@hue, @saturation, @value, @alpha) Creates a transparent color object from hue, saturation, value and alpha (HSVA) values.
Note that argb( ) takes in a color.
.a { color: rgb(255, 50%, 50%);}
.b { color: rgba(255, 50%, 50%, 30%);}
.c { color: hsla(180, 0.5, 50%, 0.3);}
.d { color: hsva(360, 50%, 0.5, 0.3);}
.e { color: argb(rgba(360, 0, 0, 0.3));}

.a {
  color: #ff8080;
}
.b {
  color: rgba(255, 128, 128, 0.3);
}
.c {
  color: rgba(64, 191, 191, 0.3);
}
.d {
  color: rgba(128, 64, 64, 0.3);
}
.e {
  color: #4dff0000;
}