低版本SASS（1.49.0）实现十六进制颜色灰度化及透明度调整咨询

方法一：用SASS内置函数分步实现 #

在SASS 1.49.0中，拆分灰度化和透明度设置的操作更可靠，替代你尝试的color.adjust()组合写法：

@use "sass:color";

$base-color: #006ea3;
// 完全去除饱和度，得到灰度色
$grayed-color: color.desaturate($base-color, 100%);
// 给灰度色添加20%不透明度（alpha值为0.2）
$final-bg-color: rgba($grayed-color, 0.2);

background-color: $final-bg-color;

方法二：手动计算灰度值直接写RGBA #

如果不想依赖SASS颜色函数，可以手动推导目标颜色：

1. 把#006ea3转成RGB值：rgb(0, 110, 163)
2. 用灰度公式计算：灰度值 = 0.299×R + 0.587×G + 0.114×B，代入后得到约83
3. 直接写出带透明度的颜色值：

background-color: rgba(83, 83, 83, 0.2);

关于SASS 1.49.0的函数说明 #

SASS 1.49.0中color.adjust()的$alpha参数理论上支持，但组合调整饱和度和透明度时可能存在兼容性问题。拆分操作更稳妥：color.desaturate()负责灰度化，rgba()或color.fade-out()负责设置透明度，这几个函数在该版本都是稳定支持的。你可以查看对应版本的SASS官方文档（本地离线版或版本归档文档）获取详细说明。

内容的提问来源于stack exchange，提问作者Bryan Casler