爱意满满的作品展示区。
funet

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

  •  
  •   funet · Jun 29 · 1334 views

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

    16 replies    2026-07-02 16:52:12 +08:00
    iyuanyi
        1
    iyuanyi  
       Jun 29 via iPhone
    不错,我之前也想搞一个,后来给忘了
    JWilling
        2
    JWilling  
       Jun 29
    好看!好评!

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

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


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

    我也喜欢这样的,我选这种到不全是因为隐私之类的,而我不想再为服务器付费了,所以直接纯前端或者各种 Pages 能搞定的就好,现在就是直接托管到 Cloudflare Pages ,省事儿多了。
    byp
        4
    byp  
       Jun 29
    不错,UI 很好看
    funet
        5
    funet  
    OP
       Jun 29
    @iyuanyi #1 很真实,等着等着可能需求就没了~~或者动力没了
    funet
        6
    funet  
    OP
       Jun 29
    @JWilling #2 可以考虑下。我没理解错的话,应该是多张图片的场景下的需求吧?
    funet
        7
    funet  
    OP
       Jun 29
    @Rache1 #3 同感,有了 ai 自己造的轮子,越来越多了
    funet
        8
    funet  
    OP
       Jun 29
    @byp #4 多谢捧场
    JWilling
        9
    JWilling  
       Jun 29
    @funet #6 可以理解为四宫格/九宫格时的风格,比如 1 张照片切片成 4/9 张,或者本来就是 4/9 张,但是保持统一风格画框,当然这只是我的理解,应该有更多玩法。
    wangzaiSummer
        10
    wangzaiSummer  
       Jun 29
    好看
    funet
        11
    funet  
    OP
       Jun 29
    @JWilling #9 一张切多张,可以看看这个切图功能 https://gongfang.app/smart-split/
    Leo306
        12
    Leo306  
       Jun 29
    有意思,我记得有一款 app 也是做这个,一年订阅不少
    xiangshuaaaa
        13
    xiangshuaaaa  
       Jun 30
    我记得有现成的 app
    Chicagoake
        14
    Chicagoake  
       10h 36m ago
    这里的滤镜是将 jpg 照片的颜色仿色实现的呢?还是在原图基础上叠加一份滤镜?如果支持 RAW ,那滤镜效果应该会更好吧。
    agent0
        15
    agent0  
       10h 10m ago
    做个微信小程序,出图直接转发朋友圈
    wonderfulcxm
        16
    wonderfulcxm  
       10h 8m ago via iPhone
    哎哟,还不错哦
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1029 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 19:00 · PVG 03:00 · LAX 12:00 · JFK 15:00
    ♥ Do have faith in what you're doing.