取一个颜色,本来就不该打断你手上正在做的事。不该来回切窗口,也不该为了一串 HEX 专门去翻一个转换网站。
Dab 常驻在菜单栏,平时只是一个小圆点,颜色跟着你最近取到的那一次走。需要颜色的时候点它一下,光标变成放大镜,屏幕上任何一个像素都可以取,HEX 会进剪贴板,粘到哪里都行。整个过程就是一次点击,你手上正在做的事不会被打断。
【一次点击,取屏幕上任何一个像素】
Dab 用的是 macO
取一个颜色,本来就不该打断你手上正在做的事。不该来回切窗口,也不该为了一串 HEX 专门去翻一个转换网站。
Dab 常驻在菜单栏,平时只是一个小圆点,颜色跟着你最近取到的那一次走。需要颜色的时候点它一下,光标变成放大镜,屏幕上任何一个像素都可以取,HEX 会进剪贴板,粘到哪里都行。整个过程就是一次点击,你手上正在做的事不会被打断。
【一次点击,取屏幕上任何一个像素】
Dab 用的是 macOS 系统自带的取色能力,不使用截屏。好处很直接:它从不申请屏幕录制权限,取到的是你点中的那一个像素的颜色。装完就能用。
取完之后会弹出取色面板:一整块大色块、一个自动生成的颜色名字、一个对比度评级,以及每种格式各自一张点一下就复制的小卡片。想要哪种格式就点哪一张,不用先去设置里改默认输出格式,也不用记住某个组合键。
取色和这 21 种格式的复制永久免费。从图片提取配色、保存为卡片、历史记录 iCloud 同步和智能复制属于可选的 Dab Pro,下面凡是这几项都会标出来。
【21 种格式,点一下就复制】
HEX、带透明度的 HEX、RGB、RGBA、CSS rgb、HSL、HSLA、HSB、CMYK、OKLCH、OKLAB、CIELAB、Display P3、命名颜色、Tailwind 类名、SwiftUI Color、NSColor、UIColor、Android argb、Flutter Color、Unity Color。
设计稿里习惯用 HSB,样式表要写 OKLCH,客户端同事要一个 UIColor,安卓那边要 argb,Flutter 和 Unity 各有各的写法,全都在同一张面板上。不用再绕去转换网站,也不用自己心算透明度那两位,更不会出现复制过去发现格式不对、又要回头重取一次的情况。
【颜色的名字是算出来的,不是查表得来的】
每个颜色的名字由两个词组成,直接从它自己的 HSL 当场算出来。所以哪怕是一个很冷门的灰绿,也一样有名字,不会出现查不到、只能显示一串数字的情况。名字本身也可以点一下复制。跟人沟通的时候,一个能读出来的名字,比一串十六进制好用得多。
【历史记录,取过的颜色都还在】
每一次取色都会自动留下来,按天分组,可以用 HEX 搜,也可以用名字搜。上午随手取的那个背景灰,下午还找得回来,不用回到原图上重新找一遍,也不用自己另外开一个便签记着。
【配色关系】
从一个颜色展开成一整套能用的搭配:互补色、邻近色、三角配色、分裂互补色。适合从一个品牌主色出发,快速搭出界面上要用的那一组颜色,而不是每次都靠感觉试。
【色觉缺陷模拟】
红色盲、绿色盲、蓝色盲三种视觉下的预览,并且会对容易混淆的组合给出冲突提示。你这套配色对更多人是不是还成立,当场就能看到,而不是等上线之后才收到反馈。做数据图表、状态色、表单校验提示的时候,这一步尤其值得走一遍。
【对比度:WCAG 与 APCA 一起看】
既给传统的 WCAG 对比度数值,也给较新的 APCA Lc 指标。正文能不能读、按钮上的字够不够清楚、浅色背景上的浅灰字是不是已经越界,用数字说话,不用靠眼睛猜,也方便在评审里直接摆出结论。
【全局快捷键】
取色、打开历史、重新调出上一次取色、复制上一个颜色,这四个动作都可以绑到快捷键上。手不用离开键盘,也不用先去菜单栏找那个小圆点。
【实时调色台】
输入一个 HEX,格式转换、颜色名字、对比度、配色关系会跟着你的输入一起变。适合边试边调,也适合拿来核对设计规范里的那几个值到底达不达标。
【1.2 新增:调色板工作室(Command + G)】
一个整屏的配色生成器。空格键换一组新的,满意的那一列单独锁住,其余继续生成。可以选择配色法则与风格,拖动排序,随时撤销重做。还有明暗色阶矩阵、备选色、HSL 微调、整套配色一起调整、渐变导出、保存与导出,以及从图片生成配色(属于 Dab Pro)。
效果预览会把这套配色直接铺到一个示例界面上,让你看它在真实排版里是什么样,而不是只看五个色块并排。WCAG 与 APCA 对比度矩阵、色觉缺陷预览也都在同一个窗口里,不用来回切应用。
【1.2 新增:配色库(Command + E)】
317 组精选配色随应用一起打包,完全离线,飞机上也能翻。可以按名称、标签,或者直接粘一个 HEX 去搜索。标签支持多选,四种排序方式,可以只看收藏,也可以只看已保存的,10 个主题合集,还有一组推荐配色。把一张图片拖进来,会给出与它相配的配色(属于 Dab Pro)。
【1.2 新增:端侧助手】
在 macOS 26 或更高版本、硬件支持并且已经打开 Apple Intelligence 的 Mac 上,用一句大白话说出你想要的感觉,助手在本机把它理解成标签和风格,再由 Dab 从自己的配色库和生成器里取出真实存在的配色。它不会凭空编造颜色,没有网络也能用;只要 Apple Intelligence 不可用,就会退回到关键词匹配。全程不使用云端大模型。
【1.2 新增:12 种语言】
界面已支持 12 种语言,并且可以在应用内直接切换,不必去改整个系统的语言。
【一天里大概是这样用的】
早上看到一张海报,颜色不错,取下来,名字和 HEX 一起进历史。中午改一个按钮,取出上周定的主色,顺手看一眼它配白字够不够,APCA 的数字说不够,就在工作室里把明度往下压一档。下午同事要一份客户端能直接用的颜色,切到 SwiftUI Color 那张卡片,点一下发过去。晚上做一版新提案,按空格连着生成几组,锁住喜欢的那两列,再用效果预览看看铺在界面上是什么感觉。
整个过程没有导出、没有登录,全程也没有被别的窗口打断过。
【常见问题】
需要屏幕录制权限吗?
不需要,一次也不会问。Dab 用的是系统自带的取色能力,不使用截屏,取到的是你点中的那一个像素的颜色。
没有网络能用吗?
取色、21 种格式的复制、历史记录、317 组配色库和端侧助手都不需要网络,应用本身连网络权限都没有申请。只有 Pro 的历史记录 iCloud 同步需要联网,它走的是你自己的 iCloud 空间。
免费版会不会有次数限制?
不会。取色和那 21 种格式的复制,永久免费,也不计次。Pro 只加四个附加功能。
买断和订阅有什么区别?
功能完全一样,只是付款方式不同:一种是按月订阅,一种是一次性买断、永久使用,看你更习惯哪种。具体价格以本页 App Store 显示为准。
颜色的名字是哪来的?
由这个颜色自己的 HSL 当场算出来,不是从一份词表里查的。所以任何颜色都有名字,也不会出现只有一串数字的情况。
助手会把我的东西传到云端吗?
不会。它在本机把你的描述理解成标签和风格,配色则来自 Dab 自己的库和生成器。不使用任何云端大模型,助手的处理全程都在本机完成。
想给设计规范文档配一份色卡怎么办?
在配色关系和调色板工作室里搭好一组,再用工作室的导出功能输出,需要渐变也可以直接导出渐变。
界面是中文吗?
是。12 种语言里包含简体中文,并且可以在应用内直接切换。
【为什么是菜单栏】
放在菜单栏,是因为取色是一件很高频、但每次只需要一次点击的事。与其为它专门开一个窗口、切一次应用,不如让它一直待在手边。所以 Dab 平时几乎不占地方,只有一个跟着最近取色变颜色的小圆点;需要的时候一点就出来,用完就消失,不抢你的注意力,也不在 Dock 里多占一格。
同样的想法贯穿在别的地方:格式不用先设置,点哪张卡片就复制哪种;历史不用手动保存,取过就在;对比度不用另外开一个检查工具,取色的时候顺手就看到了。
【适合谁】
界面与产品设计师:取色、配色、对比度、色觉缺陷检查,一个应用里走完。
前端与客户端开发:需要哪种写法就复制哪种,省掉在几个转换工具之间来回跳的时间。
品牌与印刷方向:CMYK 就在 21 种格式里,配色导出在工作室里,把颜色保存成卡片则属于 Dab Pro。
本身有色觉缺陷的用户:模拟预览与冲突提示,是给你自己用的,不只是给别人做检查。
【免费的部分,和 Pro】
取色,以及复制上面那 21 种格式,永久免费,也不限次数。这是 Dab 的核心,不计次数,也不需要订阅。
Dab Pro 是可选的,可以按月订阅,也可以一次性买断、永久使用,两种方式的具体价格都以本页 App Store 显示为准。它只增加四件事:
保存为卡片:把一个颜色导出成海报、色板或者规格图,PNG 或 SVG。
从图片提取配色。
历史记录 iCloud 同步。
智能复制:识别当前最前面的应用,直接给出它需要的那种格式。
【隐私】
不收集任何数据。没有账号,没有统计,没有追踪,没有崩溃上报。
更彻底的一点是:这个应用连网络权限都没有申请,所以它没办法把任何数据回传给 Dab,这不是一句承诺,而是它本身就不具备这个能力。可选的 iCloud 同步走的是你自己的 iCloud 空间,不经过任何属于 Dab 的服务器。应用在沙盒里运行,并且从不申请屏幕录制权限。
【系统要求】
macOS 14.0 或更高版本。
Dab 由一个独立开发者一个人在做,有问题、有想要的功能,欢迎直接说。
服务条款:https://dab.onl/terms
隐私政策:https://dab.onl/privacy