直接将生成的调色板直接应用于您的网站！

直接测试颜色进入您自己的网站的最简单方法！
告别一一尝试不同颜色的麻烦。同时浏览，生成和自定义调色板同时将其应用于任何网站，所有这些都只需在代码中进行一些调整。

Chromafy可帮助用户将调色板应用于任何网站。用户可以生成不同的调色板，自定义，将其导出为CSS代码或下载为文件，然后转到先前选择的调色板。然后在启动扩展时将这些调色板应用于背景中的网站。用户必须将某些类名给HTML元素或使用CSS变量，并且将给出适当的颜色。这对于想要在自己的网站上选择最佳颜色的用户作为操场可能会有所帮助。

示例显示了使用班级名称应用调色板的示例：
class =“ bg-chroma-secardary-25”
将调色板的辅助颜色应用于元素的背景（CSS背景色属性）的25％。

class =“ fg-chroma-primary”
将主要颜色从调色板应用于元素的前景文本（CSS颜色属性）。

CSS变量可以类似地使用，它不需要特定的“ bg”或“ fg”：
<CSS-Selector> {
背景色：var（-Chroma-primary-75，#FFF）;
}

请参阅此处的文档，以了解与Chromafy相关的所有内容：https：//chromafy.vercel.app/docs/setup

更新：

•版本1.2
- 将延伸尺寸降低90％
1.2.2
- UI错误修复：导出弹出窗口现在关闭关闭按钮
1.2.3
- 删除用于启动Chromafy扩展的键盘快捷键

•版本1.1
- 重新安排按钮，更新的图标
- 添加的信息卡

导航菜单

Chromafy

插件介绍

插件详情

导航菜单

Chromafy

插件介绍

插件详情

赛博要饭

商务合作