小迪博客PRO

设计 · 手机

配色取色器

截图里取色，直接产出令牌

2026-01-144.76.9 MBv1.3年龄 4+

预览

信息

开发者: 小迪工作室
类别: 设计
平台: 手机 · iOS
版本: v1.3
大小: 6.9 MB
语言: 简体中文
年龄分级: 4+
兼容性: 需要 iOS 17.0 或更高版本

简介

从截图或相机画面里取色，自动给出深浅两套色阶，并把可读性检查结果一并列出来。

取到的颜色可以直接导出成设计令牌，跟项目里那份数据源对齐。

亮点

精确取色
支持放大镜取色与多色同时采集
自动色阶
一键生成由浅到深的十档色阶
对比度检查
按无障碍标准标出可读性不达标的组合
导出令牌
直接产出 CSS 变量或 JSON 令牌

更新日志

版本 v1.3

2026-08-30 发布

本次 3 项改动

新增深色模式色阶的反向推导
取色历史支持按项目分组
修正相近色在色阶里的排序

下载

本地下载直链下载，无需登录 · 6.9 MB下载百度网盘网盘下载 · 6.9 MB 提取码 mukh打开

评论9

登录后参与评论，你的发言会署上自己的名字。

小迪工作室作者@xiaodi2026-10-17
开发者补一句：反馈里提到的问题我都在跟，下一版会一并处理。
温辞@wenci2026-10-19
设计令牌只描述语义、不描述数值，这句话可以贴在设计规范第一页。
岳明@yueming2026-10-14
深色模式用亮度差代替阴影这一点，之前一直没想明白，看完通了。
蒋帆@jiangfan2026-10-22
强调色要单独取一档这个细节很少有人提，实际做出来差别很明显。
江辰@jiangchen2026-10-17
刚好在排查同类问题，看完直接照着改了一版，省了一下午。
唐棠@tangtang2026-10-12
有个疑问：这套做法在项目刚起步、还没什么历史包袱的时候，是不是反而更麻烦？
何知白@hezhibai2026-10-13
起步阶段确实可以先不上，等出现第二次同类问题再补流程也不迟。
孟凡@mengfan2026-10-20
文里的数据是自己实测的吗？想看看具体的测试环境。
苏晚@suwan_dev2026-10-21
本地跑的一组对照，环境信息写在文末备注里了。

相关推荐