顺风css消除自定义颜色的不透明度

Question

我在titleColor中添加了我的自定义颜色tailwind.config.js。

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {
      colors: {
        titleColor: "hsl(0, 0%, 13%)",
      },
    },
  },
  plugins: [],
};

但在浏览器上，它将与opacity一起出现。我确实想要精确的颜色，不需要任何改变。

​

如何去除混浊？去除不透明度是很好的做法吗？如果我移除它会有什么效果？或者任何其他的方法我可以得到我的准确的颜色而不透明？

Answer 1

这是hsl(Hsla)的正确语法：

hsla(H, S, L[, A])

A (alpha)可以是0到1之间的值，也可以是数字1对应于100% (完全不透明度)的a。

所以你应该有这样的东西：

hsla(0, 0%, 13%[, 0]);

这里是https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsla医生。