取色工具合集

张

张建站

2026/6/4 14:56:56

10分钟阅读

人机协作AI模型Deepseek仅供参考使用方法1.主页面找releases进入下载2.代码保存为html3.github可能无法访问不是链接问题!DOCTYPE html html langzh-CN head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0, user-scalableyes title批量取色工具集 | 图片视频颜色提取开源项目/title !-- Google Font Simple CSS Reset -- link hrefhttps://fonts.googleapis.com/css2?familyInter:opsz,wght14..32,400;14..32,500;14..32,600;14..32,700displayswap relstylesheet style * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: #f8fafc; color: #0f172a; line-height: 1.5; padding: 2rem 1.5rem; } .container { max-width: 1400px; margin: 0 auto; } /* header */ .header { text-align: center; margin-bottom: 3rem; } .header h1 { font-size: 2.5rem; font-weight: 700; background: linear-gradient(135deg, #1e293b, #3b82f6); background-clip: text; -webkit-background-clip: text; color: transparent; letter-spacing: -0.02em; } .header p { font-size: 1.1rem; color: #334155; margin-top: 0.75rem; max-width: 720px; margin-left: auto; margin-right: auto; } .badge { display: inline-block; background: #e2e8f0; border-radius: 40px; padding: 0.2rem 0.8rem; font-size: 0.75rem; font-weight: 500; color: #1e293b; margin-top: 1rem; } /* 分类区块 */ .section { margin-bottom: 3rem; } .section-title { font-size: 1.8rem; font-weight: 600; letter-spacing: -0.01em; border-left: 5px solid #3b82f6; padding-left: 1rem; margin-bottom: 1.5rem; color: #0f172a; } .cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.75rem; } /* 卡片样式 */ .card { background: #ffffff; border-radius: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.25s ease; border: 1px solid #e9eef3; display: flex; flex-direction: column; overflow: hidden; } .card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); border-color: #cbd5e1; } .card-content { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; } .card-title { font-size: 1.35rem; font-weight: 700; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .card-title a { color: #0f172a; text-decoration: none; border-bottom: 1px dotted #94a3b8; transition: color 0.2s; } .card-title a:hover { color: #3b82f6; border-bottom-color: #3b82f6; } .lang-tag { font-size: 0.7rem; background: #eef2ff; padding: 0.2rem 0.6rem; border-radius: 20px; color: #2563eb; font-weight: 500; } .description { color: #334155; font-size: 0.9rem; margin: 0.75rem 0 1rem 0; line-height: 1.5; flex: 1; } .card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; border-top: 1px solid #eef2ff; padding-top: 1rem; } .repo-link { background-color: #f1f5f9; padding: 0.4rem 1rem; border-radius: 40px; font-size: 0.8rem; font-weight: 500; text-decoration: none; color: #1e293b; transition: background 0.2s; display: inline-flex; align-items: center; gap: 0.4rem; } .repo-link:hover { background-color: #e2e8f0; color: #0f172a; } .platform-icon { font-size: 0.85rem; opacity: 0.7; } hr { margin: 1rem 0; border: none; border-top: 1px solid #e2e8f0; } footer { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e2e8f0; color: #475569; font-size: 0.85rem; } media (max-width: 640px) { body { padding: 1rem; } .cards-grid { grid-template-columns: 1fr; } .section-title { font-size: 1.5rem; } .header h1 { font-size: 1.8rem; } } /style /head body div classcontainer div classheader h1 批量取色工具箱/h1 p从图片视频中智能提取主色调 · 开源项目精选/p div classbadge✨ 支持批量处理 · 多语言实现 · 即拿即用/div /div !-- 1. 批量图片颜色提取 -- div classsection h2 classsection-title️ 批量图片颜色提取/h2 div classcards-grid !-- color-thief -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/lokesh/color-thief target_blank relnoopenercolor-thief/a span classlang-tagJavaScript/span /div div classdescription 经典强大的「调色板小偷」从图片中提取主色调 / 调色盘并支持实时视频取色。轻量级且生态丰富。 /div div classcard-footer a hrefhttps://github.com/lokesh/color-thief classrepo-link target_blank GitHub/a span classplatform-icon⭐ 13.6k/span /div /div /div !-- extract-colors -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/Namide/extract-colors target_blank relnoopenerextract-colors/a span classlang-tagTypeScript/span /div div classdescription 现代化的 TypeScript 库高效提取图片中最常见的颜色适用于浏览器和 Node.js支持批量处理。 /div div classcard-footer a hrefhttps://github.com/Namide/extract-colors classrepo-link target_blank GitHub/a span classplatform-icon 285 Stars/span /div /div /div !-- Olivattam -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/Dheenack/olivattam target_blank relnoopenerOlivattam/a span classlang-tagPython/span /div div classdescription 轻量级 Python 模块基于 Pillow 构建快速提取主色并转换为 RGB/HEX 等多种格式易于集成进批量脚本。 /div div classcard-footer a hrefhttps://github.com/Dheenack/olivattam classrepo-link target_blank GitHub/a /div /div /div !-- color-extraction (多算法) -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/xiong35/color-extraction target_blank relnoopenercolor-extraction/a span classlang-tagTypeScript/span /div div classdescription 实现了 K-means 聚类、中位切分、八叉树三种主流主色调提取算法方便对比与选择。 /div div classcard-footer a hrefhttps://github.com/xiong35/color-extraction classrepo-link target_blank GitHub/a /div /div /div /div /div !-- 2. 批量视频颜色分析 -- div classsection h2 classsection-title 批量视频颜色分析/h2 div classcards-grid !-- fast-average-color -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/fast-average-color/fast-average-color target_blank relnoopenerfast-average-color/a span classlang-tagJavaScript/span /div div classdescription 超轻量级库快速计算图片或视频的平均色 / 主色性能优先适合实时或大批量分析。 /div div classcard-footer a hrefhttps://github.com/fast-average-color/fast-average-color classrepo-link target_blank GitHub/a /div /div /div !-- VideoIntel -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/TimMikeladze/video-intel target_blank relnoopenerVideoIntel/a span classlang-tagTypeScript/span /div div classdescription 浏览器端智能视频分析库3行代码即可提取主色、缩略图、场景检测支持批量视频流。 /div div classcard-footer a hrefhttps://github.com/TimMikeladze/video-intel classrepo-link target_blank GitHub/a /div /div /div !-- movie-tint -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/w-m/movie-tint target_blank relnoopenermovie-tint/a span classlang-tagPython/span /div div classdescription 精巧脚本通过 K-means 聚类将整部电影的色彩演变渲染成一幅长条图适合色彩叙事分析。 /div div classcard-footer a hrefhttps://github.com/w-m/movie-tint classrepo-link target_blank GitHub/a /div /div /div !-- video-color-palette-generator -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/kennykarnama/video-color-palette-generator target_blank relnoopenervideo-color-palette-generator/a span classlang-tagGo/span /div div classdescription 基于 K-means 对视频帧聚类生成调色板并输出详细 CSV 报告适合批量视频处理和数据导出。 /div div classcard-footer a hrefhttps://github.com/kennykarnama/video-color-palette-generator classrepo-link target_blank GitHub/a /div /div /div /div /div !-- 3. 全媒体与 AI 工具 -- div classsection h2 classsection-title 全媒体 AI 增强/h2 div classcards-grid !-- image-go-nord (PyPI) -- div classcard div classcard-content div classcard-title a hrefhttps://pypi.org/project/image-go-nord/ target_blank relnoopenerimage-go-nord/a span classlang-tagPython/span /div div classdescription 可将任何 RGB 图片或视频转换为指定主题调色板Nord、Gruvbox 等创意色彩迁移工具。 /div div classcard-footer a hrefhttps://pypi.org/project/image-go-nord/ classrepo-link target_blank PyPI/a /div /div /div !-- ImageDominantColor -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/akamhy/imagedominantcolor target_blank relnoopenerImageDominantColor/a span classlang-tagPython/span /div div classdescription 采用与众不同的方法量化后计算像素值的众数找出主色简洁直观适合快速实现。 /div div classcard-footer a hrefhttps://github.com/akamhy/imagedominantcolor classrepo-link target_blank GitHub/a /div /div /div !-- Wazzabeee / image-video-colorization -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/Wazzabeee/image-video-colorization target_blank relnoopenerimage-video-colorization/a span classlang-tagPython/CNN/span /div div classdescription 基于 CNN 的黑白图像 / 视频智能上色通过 Hugging Face 可试用适用于老照片 / 影片修复。 /div div classcard-footer a hrefhttps://github.com/Wazzabeee/image-video-colorization classrepo-link target_blank GitHub/a /div /div /div /div /div !-- 4. 拓展生态: 终端 / 系统主题 / 网页取色 -- div classsection h2 classsection-title⚙️ 拓展工具应用/h2 div classcards-grid !-- Rong 命令行主题工具 -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/ewen-lbh/rong target_blank relnoopenerRong/a span classlang-tagRust/span /div div classdescription 命令行工具从图像或视频中提取配色并应用到系统主题实现类似 Material You 的全局效果。 /div div classcard-footer a hrefhttps://github.com/ewen-lbh/rong classrepo-link target_blank GitHub/a /div /div /div !-- website-color-extractor (npm) -- div classcard div classcard-content div classcard-title a hrefhttps://www.npmjs.com/package/website-color-extractor target_blank relnoopenerwebsite-color-extractor/a span classlang-tagNode.js/span /div div classdescription 对网站截图后自动提取所有颜色或高频颜色可用于网站风格分析或品牌色采集。 /div div classcard-footer a hrefhttps://www.npmjs.com/package/website-color-extractor classrepo-link target_blank npm/a /div /div /div !-- 额外补充: 之前提及过 okmain (PyPI) 为了完整展示一个好用的 python 颜色聚类工具 -- div classcard div classcard-content div classcard-title a hrefhttps://pypi.org/project/okmain/ target_blank relnoopenerokmain/a span classlang-tagPython/span /div div classdescription 显式地对颜色进行聚类恢复并排列主色保持结果干净纯净适合批量提取清晰的调色板。 /div div classcard-footer a hrefhttps://pypi.org/project/okmain/ classrepo-link target_blank PyPI/a /div /div /div !-- 添加 video_colors.py 补充 (来自VANA仓库) 由于用户提到过这个脚本更全面 -- div classcard div classcard-content div classcard-title a hrefhttps://github.com/dianigionath/VANA/tree/master/VANA-python/video_colors target_blank relnoopenervideo_colors.py/a span classlang-tagPython/span /div div classdescription 小巧脚本从视频帧集合中分析主色并生成 SVG 色板适合视频关键帧批量处理。 /div div classcard-footer a hrefhttps://github.com/dianigionath/VANA/tree/master/VANA-python/video_colors classrepo-link target_blank GitHub (目录)/a /div /div /div /div /div !-- 额外说明 -- div stylebackground: #eef2ff; border-radius: 1rem; padding: 1rem 1.5rem; margin-top: 2rem; p stylefont-size: 0.9rem; color: #1e40af; strong提示/strong以上项目均支持批量 / 自动化颜色提取。Python 库可结合 glob 或 os.walk 轻松处理成百上千张图片JS/TS 库可用在 Node 或浏览器环境批量分析。部分视频工具需要 FFmpeg 支持。/p /div footer 开源项目汇总 · 批量图片/视频取色工具 · 数据基于 GitHub PyPI 官方仓库br 点击卡片链接直达项目主页欢迎 ⭐ 支持原作者。 /footer /div /body /html