色调的css或js属性

bogh5gae  于 2023-01-22  发布在  其他
关注(0)|答案(1)|浏览(94)

我想创建一个React组件,其中每个部分的背景色是一个色调更高或更低。基色是由一个 prop ,然后该组件应用自己的色调更高。
实施例: prop 颜色= rgb(80、211、172);组件应应用rgb(93,198,166);对于价格

我找不到一个css属性或js函数来制作它。谢谢你的帮助。

pzfprimi

pzfprimi1#

尝试使用“亮度”的CSS过滤器:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness

filter: brightness(1.75);

或者,可以使用小于1的值来降低亮度。

filter: brightness(0.8);

相关问题