Html 如何动态使所选颜色变暗

我有一个在HTML上显示我所选数据的表格，表格颜色可以通过我的设置模块动态更改。现在我想使表格标题的颜色比表格行的颜色深

e、 g:如果我选择颜色

红色

，表格行将为

红色

，表格标题将为

深红色

我该怎么做？这可能吗？或者我需要为每种颜色设置一个固定条件？

您可以使用SASS功能

---

你可以尝试使用透明度

表格{
背景色：红色；
边界塌陷：塌陷；
}
th{
背景色：rgba（0,0,0,0.2）；
填充：8px；
}

1小时
2小时
1.
2.
3.
4.

您使用的angular版本是什么？@microsm我使用的是AngularJS v1.6.9

$linkcolour: red;

table {
  background-color: $linkcolour;
}
thead{
  background-color: darken($linkcolour, 30%);
}