使用CSS或SASS处理内联定义的颜色

Question

有没有办法检测html中定义的颜色然后进行操作？ （前饱和？） 我尝试使用继承，但它似乎无法正常工作

<div class="parent" style="background-color: #0F546D">
<span class="child></span>
</div>

.child {
background-color: saturate(inherit, 50%)
}