#前端 #工具推荐 #浏览器插件 #tools #tailwind #shadcn #color CSS Variables Editor —— CSS Variables Editor 是一款浏览器扩展，旨在简化 CSS 变量中颜色的管理。 其主要功能包括： - AI 生成的色彩方案：通过集成 OpenAI 或 Anthropic API，快速生成并在实际应用中预览色彩方案。 - 无障碍测试：根据 WCAG 指南检查色彩对比度，确保设计的可访问性。 - 实时颜色编辑：直接在浏览器中修改 CSS 变量的颜色值，实时预览更改效果，提升设计与代码的协作效率。 - 支持 daisyUI 和 shadcn/ui：提供官方文档中的颜色描述，确保在应用中正确使用，并避免忽略弹出框、聚焦环等状态的设计。 - 导出更改：支持导出修改后的 CSS 变量，遵循 Tailwind 的推荐实践。 该扩展可从 Chrome 网上应用店安装，适用于设计师和开发者，提升设计系统中颜色管理的效率。