我的作品 做了个旅行色卡工具:上传照片自动提取主色调,生成能发小红书的拼贴图

ASINCrate(Amy Chen) · July 10, 2026 · 16 hits

. . .

最近翻旅行照片,想做那种 ins 风的「照片 + 配色色卡」拼贴发出去, 但现成 App 要么收费、要么要注册、要么模板很丑,就自己写了一个。

地址:https://gongfang.app/piccolor/

它能做什么

  • 上传照片,自动提取主色调,生成色卡拼贴
  • 6 套版式:经典色带 / Pantone 色卡条 / 杂志封面 / 宝丽来 / 纯色壁纸 / Lookbook
  • 自动识别地点:先读照片 EXIF 的 GPS 坐标反查地名,没坐标就按当前网络 IP 兜底
  • 拍摄时间自动填进副标题
  • 8 种胶片/相机风滤镜(富士 CC 、索尼 FL 、理光正片之类的近似发色)
  • 主色会自动起中文色名(绯樱 / 橄榄 / 群青……),可切中英对照
  • 多款标题字体,输出尺寸适配小红书 3:4 / IG / 手机壁纸 / 明信片

几个我自己比较在意的点

  • 纯静态、纯前端,照片全程在你浏览器本地处理,不上传任何服务器
  • 取色是缩图到 120px → 5bit 量化分桶 → 合并相近色按占比排序,不依赖后端
  • 文字色自动取与背景对比度( WCAG )最大的那个配色,保证可读
  • EXIF 自己手写解析( JPEG 走 APP1 ,HEIC 扫 Exif 标记复用 TIFF 解析)
  • HEIC 解码库按需加载,不用 HEIC 就不会下这个依赖
  • 无需注册、免费、没有任何登录墙

体验地址:https://gongfang.app/piccolor/

No Reply at the moment.
You need to Sign in before reply, if you don't have an account, please Sign up first.