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

funet 2026-06-29 12:26 1

最近翻旅行照片,想做那种 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/

最新回复 (12)
  • iyuanyi 06-29 13:27
    1
    不错,我之前也想搞一个,后来给忘了
  • JWilling 06-29 16:37
    2
    好看!好评!

    顺便提一个未来的可能点:发朋友圈的时候不同色彩能否存在某种联动,更和谐。
  • Rache1 06-29 16:39
    3
    > 现成 App 要么收费、要么要注册、要么模板很丑,就自己写了一个。

    有同感,我现在也是这样,有时候一些简单的需求,想着找找现成的将就用,结果就是,各种门槛,尤其是一些国内的,还动不动就是手机号登录,有些厌恶。以前如果功能复杂,只能捏着鼻子用了,现在有了 AI 之后,管你这那的,跟我的 Codex 说去吧。


    > 纯静态、纯前端,照片全程在你浏览器本地处理,不上传任何服务器

    我也喜欢这样的,我选这种到不全是因为隐私之类的,而我不想再为服务器付费了,所以直接纯前端或者各种 Pages 能搞定的就好,现在就是直接托管到 Cloudflare Pages ,省事儿多了。
  • byp 06-29 16:53
    4
    不错,UI 很好看
  • funet 楼主 06-29 17:11
    5
    @iyuanyi #1 很真实,等着等着可能需求就没了~~或者动力没了
  • funet 楼主 06-29 17:13
    6
    @JWilling #2 可以考虑下。我没理解错的话,应该是多张图片的场景下的需求吧?
  • funet 楼主 06-29 17:18
    7
    @Rache1 #3 同感,有了 ai 自己造的轮子,越来越多了
  • funet 楼主 06-29 17:18
    8
    @byp #4 多谢捧场
  • JWilling 06-29 17:29
    9
    @funet #6 可以理解为四宫格/九宫格时的风格,比如 1 张照片切片成 4/9 张,或者本来就是 4/9 张,但是保持统一风格画框,当然这只是我的理解,应该有更多玩法。
  • wangzaiSummer 06-29 17:43
    10
    好看
  • funet 楼主 06-29 17:44
    11
    @JWilling #9 一张切多张,可以看看这个切图功能 https://gongfang.app/smart-split/
  • Leo306 06-29 18:00
    12
    有意思,我记得有一款 app 也是做这个,一年订阅不少
* 帖子来源V2EX
返回