使用 "hsl()" 颜色值可以很轻松的使用色阶的变化。
table>tr>td[style="background-color:hsl(0deg $% 50%);"]*100
上面这个转为 HTML 后就是这样了:
table, tr, td {
table-layout: fixed;
border-collapse: collapse;
}
td {
width: 50px;
height: 50px;
}
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241216/f6ea33b711d75df8aad5b1c97cb6126d.png)