hex 添加透明度和rgba互转

Posted 2023-03-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了hex 添加透明度和rgba互转相关的知识，希望对你有一定的参考价值。

参考技术A hex中#后八个字符前6个每两个代表0-255的十六进制数值，最后两位才是透明度（我看好多文章说是前两位亲测是后两位）！！！
alphaHexMap是透明度对应的表
getHexWithAlpha方法就是转换方法参数color是不带透明度的 hex，a是透明度小数
其他方法为转换的方法

【中文标题】SASS：转换为 HEX 而不是 RGBA（白色背景）【英文标题】：SASS: transparize to HEX and not RGBA (with white background) 【发布时间】：2018-05-12 01:32:06 【问题描述】：

我想从一种 HEX 原色计算变量文件中的颜色值，但如果我使用 rgba 或 opacify SASS 总是将颜色转换为 RGBA（如 rgba(20, 20, 20, 0.5)）。

我真正想要的是具有特定不透明度的原色，如果背景颜色在 HEX 中是白色的话！

那是因为它不想让我的网站背景发光！

这可能吗？我找不到东西。谢谢！

【问题讨论】：

【参考方案1】：

哦，抱歉，在提出问题后，我注意到它可能并不完全是不透明问题，而且我无法找到：

mix($my-color, #fff, 25%)

(https://makandracards.com/makandra/42500-sass-how-to-convert-an-rgba-color-to-its-rgb-look-alike)

【讨论】：

以上是关于hex 添加透明度和rgba互转的主要内容，如果未能解决你的问题，请参考以下文章