如何在Tailwind Css中添加RGB颜色代码？

Question

我希望用自己的颜色替换默认的调色板，在配置文件的theme.colors部分下面直接添加RGB颜色代码。

- Onkar Kole

---

但是你的实际问题是什么（因为请注意，目前你的帖子中根本没有提出问题），你已经尝试过什么，基于你已经在网上找到的信息？ - Mike 'Pomax' Kamermans

问题是关于在Tailwind配置中添加RGB颜色。我看到了Tailwind CSS自定义颜色文档，但它们没有展示如何在theme.color部分添加RGB颜色代码的信息。 - Onkar Kole

不要告诉我：更新您的帖子。请记住，如果您在 SO 上发布问题，需要说明 1) 您想做什么，2) 您编写的代码实现了什么，3) 该代码产生的结果与预期不符，4) 您已经尝试过哪些方法来解决这个问题。在这种情况下，您甚至还没有达到步骤 (2)，因此需要解释为什么编写此问题而不是搜索网页和 SO 上已经需要执行此操作的人（即使可能性极小，您也可能是第一个在 SO 上提出这个问题的人）。 - Mike 'Pomax' Kamermans

Answer 1

您可以按照以下方式在 tailwind.config.js 中添加它们：

module.exports = {
  theme: {
    extend: {
      // ...
    },
    colors:{
      green:'rgb(12,159,100)'
    }
  },
  plugins: [],
}

- Dhaifallah

Answer 2

你可以轻松地像下面这样使用它：

    /** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    container: {
      center: true,
      padding: "10rem",
    },
    extend: {},
    colors:{
      primary : {
        light:'#00976A',
        dark:'#4EBE86',
      },
      border :'rgb (161,161,161,50%)'
    }
  },
  plugins: [],
};

- erff-on