shadcn-ui-customizer

github.com

shadcn/ui 主题定制工具，通过颜色选择器调整 CSS 变量，实时预览并生成主题代码。

开源ReactTailwind网页浏览器

被推荐 1 次

适合做什么

适合使用 shadcn/ui 的前端开发者快速定制主题配色，实时预览并复制 CSS 变量。

授权

技术栈

平台

@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗

shadcn-ui-customizer POC - shadcn/ui themes with color pickers. Link 2024-12-27T12:56:05.000Z

配色工具

极速配色方案生成器，按空格键即可生成配色，支持浏览千万配色、图片取色、对比度检查与 AI 配色。

免费

coolors.co5 处推荐详情

浏览器扩展

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

配色工具

Adobe 出品的在线配色工具，可浏览热门色板、从图片提取颜色并生成渐变。

免费+付费

color.adobe.com4 处推荐详情

浏览器扩展

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

配色工具

免费的在线颜色对比度测试工具，可实时预览文字与背景配色并检查可访问性。

免费

colorable.jxnblk.com3 处推荐详情

配色工具

Adobe 开源配色工具，按 WCAG 对比度生成可访问的色板与主题，支持暗色模式与色盲安全。

开源后台数据可视化

leonardocolor.io1 处推荐详情