> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/mixin/color/set-color.md).

# set-color()

{% code title="" lineNumbers="true" %}

```scss
// The mixin sets CSS variable color in `hsla()` format, by splitting it into four CSS variables.
@mixin set-color(
  $name,
  $color,
  $lightness: 0%,
  $alpha: 0,
  $prefix: $var-prefix
) {
  @include set-color-hsla($name, $color, $lightness, $alpha, $prefix);
}
```

{% endcode %}