概述
我正在寻求关于在排版中标准化颜色配置文件以使HTML/CSS渐变/混合的颜色与排版中实现的效果相匹配的建议/解决方案。 我经常使用sRGB颜色配置文件的PSD，因此当我选择颜色来重新创建渐变/图标/或背景时，HEX颜色和生成的CSS / HTML渐变不会与排版提供的原始sRGB渐变相匹配。通常，我只是丢弃嵌入的颜色配置文件，改为使用更好地匹配PSD颜色与最终结果CSS颜色的监视器RGB颜色配置文件。这里有一个例子展示了不同颜色配置文件之间的差异。
详情
以下是问题：设计师想要将PSD标准化为使用嵌入的sRGB颜色配置文件，因为导出的图像（JPEG/PNG）保留该sRGB颜色配置文件，以便在加载到浏览器中时正确显示。 因此，无法在CSS中重新创建的照片/纹理/等物品将以具有更好sRGB配置文件的JPEG/PNG导出（这是可以理解的请求）。
作为前端开发人员，我经常使用CSS和HTML（没有图像）重新创建在排版中显示的元素，并且这要求我正确匹配PSD中的HEX颜色与网站上呈现的颜色。因此，我更喜欢使用监视器RGB颜色配置文件来标准化，以便每个人都使用更接近于实际在浏览器中呈现的内容。
想知道其他人如何处理这个问题？通常有情况下，我会混合使用CSS和PNG来实现效果（特别是需要动态更改的效果（大小/色调/阴影...）），因此导出带有sRGB的图像并用CSS渐变/阴影覆盖它最终成为sRGB / Monitor RBG的组合，因此与排版略有不同。
答案格式
希望我已经恰当地提出了这个问题 - 合适的答案只需提供处理问题的方法 - 或者（更好的方法）是否有SCSS sRGB()函数或其他算法将RGB / HEX颜色转换为sRGB，然后我将其放入SASS mixin。