MAC 颜色工作台

Weeko Color

从屏幕取色,到设计与代码。

精确读取屏幕像素,转换为 22 种开发格式,生成色阶与配色,并在同一个 macOS 工作区中检查 WCAG 对比度。

取色、格式转换和对比度分析均在这台 Mac 上完成。
精确屏幕取色22 种输出格式10 级明度色阶WCAG 对比度检查
22种设计与开发格式
10级带标记明度色阶
4组自动配色方案
本地默认完成颜色处理

取色、塑造、交付

从任意像素,直接走到可用的颜色决策

Weeko Color 把捕捉、转换、配色与无障碍检查串成一条连续工作流。
  1. 读取屏幕像素

    在一个或多个显示器上使用实时放大镜,点击完成取色,或按 Esc 随时取消。

  2. 生成并验证

    建立色阶与配色方案,或用 WCAG 标准检查文字色和背景色。

  3. 复制或保留

    复制选中的开发格式、收藏常用颜色,或将本地颜色库导出为 JSON。

一个颜色,多种目标

为常用设计与开发工具准备的 22 种格式

选择默认复制格式,实时预览准确结果;最近颜色、收藏、生成配色和分析结果都使用同一套输出方式。
Web / CSS

CSS HexRGBAHSLADisplay P3LabOKLCH

Android / Flutter

Android XMLJetpack Compose ColorFlutter Color

Apple

SwiftUI ColorUIColorNSColor

HarmonyOS

ArkUI ColorArkUI Hex

Python

Python TuplePython String

其他运行环境

Java Color.NET ARGBOpenGL RGBUnity ColorRaw RGBRaw Float

复制前即可看到 Alpha 百分比、透明棋盘格与 Display P3 色彩空间标识。

屏幕取色与格式

读准目标像素,再复制需要的颜色值

实时放大镜、清晰像素网格、多显示器支持,以及保留的 sRGB 或 Display P3 信息,让取色不再依赖估算。

实时像素放大镜

同时查看清晰网格、HEX 和 RGB,并用滚轮或触控板手势调整倍数。

个性化取色器

选择圆形、矩形或圆角矩形,搭配三种尺寸、六档初始缩放和四档取样质量。

感知色彩空间

保留 sRGB 与 Display P3 信息,并根据颜色明暗自动切换文字和指示框。

带上下文复制

复制前预览开发格式、Alpha 百分比、透明棋盘格与 P3 标识。

01

为真实显示环境设计的取色器

浮层可跟随指针跨越多个显示器,并在任意缩放级别保持当前像素清晰可读。

放大镜与像素网格

检查实时网格,并同时看到 HEX 与 RGB 数值。

快速且可撤销

点击完成、按 Esc 取消,使用滚轮或触控板手势改变放大倍数。

自动适配明暗

文字和目标指示框会根据颜色亮度自动切换,保持清晰。

保留色彩空间

取色结果继续携带 sRGB 或 Display P3 信息。

02

让取色器适应你的工作方式

一次调整浮层偏好,之后的全局取色继续沿用。

形状与尺寸

选择圆形、矩形、圆角矩形,以及小、中、大三种尺寸。

缩放与质量

设置六档初始缩放,以及低、标准、高、最高四档取样质量。

反馈开关

分别开启或关闭取色提示音与浮动颜色详情。

历史记录行为

保存 20、50 或 100 个最近颜色,也可暂停新记录且不删除已有内容。

03

无需手动改写即可复制

当前输出选择在取色器、颜色库、配色与分析工具之间保持一致。

普通与开发格式

立即复制普通 HEX,或复制当前选中的开发格式。

Alpha 透明度

用棋盘格预览透明度,并在支持的格式中保留 Alpha。

P3 清晰可见

带 Display P3 上下文的颜色会显示 P3 标识。

明确完成反馈

每次复制后立即显示状态反馈。

配色工具

从一个基础色,建立完整且可解释的颜色体系

生成 10 级明度色阶、6 个饱和度变化和 4 组实用配色,同时保留基础色与使用语境。

10 级明度矩阵

生成 50 至 900 级 HEX,并给出背景、分隔线、文字和品牌色的用途建议。

6 个色调变化

保持基础色相,从柔和低饱和颜色逐步变化到更强的强调色。

4 组配色方案

生成互补色、邻近色、三色和分裂互补色组合。

直接进入开发

复制建议变量名,或打开任意生成色并使用全部 22 种输出格式。

01

带实际用途的色阶矩阵

矩阵把基础色变成有级别的明暗体系,而不是一排缺少语境的色块。

十个生成级别

创建 50、100、200、300、400、500、600、700、800 和 900,并显示 HEX。

使用场景建议

区分背景、分隔线、次要文字、品牌色和正文用途。

基础色上下文

查看 HSB,并从最近或收藏颜色切换基础色。

变量名建议

自动生成并一键复制适合代码的变量名称。

02

用于柔和背景或强烈强调的色调变化

六个变化保持基础色相,调整饱和度,并明确建议更适合背景还是强调元素。

低饱和选择

生成适合大面积背景的柔和颜色。

高饱和选择

找到更适合控件、状态与强调的颜色。

直接显示色值

每个变化都显示 HEX,无需打开其他界面。

按需查看详情

点击任意颜色,预览并复制开发格式。

03

四种明确的颜色关系

在互补、邻近、三色和分裂互补四种关系之间切换,为不同界面方向快速建立配色。

互补色

在色轮两端建立直接对比。

邻近色

使用相邻色相形成更统一的气质。

三色配色

平衡三个分离色相,扩展完整颜色体系。

分裂互补色

保留对比,同时降低直接互补的对抗感。

无障碍检查

让颜色进入界面前,先确认真实可读性

在实际内容中比较文字与背景,向下一个 WCAG 等级优化,并用色觉模拟辅助发现只依赖色相的信息。

精确 WCAG 比例

实时显示比例,并检查普通文本 AA 4.5:1 与 AAA 7:1 标准。

实际内容预览

用标题、正文和按钮查看效果,而不只判断一个数字。

智能对比度优化

分别调整文字或背景,尽可能保留原色相与饱和度并达到下一个目标。

色觉辅助预览

比较正常视觉以及红、绿、蓝和全色盲四种模拟。

01

建立并检查颜色组合

文字与背景可分别设置,当前组合会保存供下次继续使用。

灵活选择来源

重新从屏幕取样任一颜色,或从最近与收藏中选择。

一键交换

无需重建组合即可交换文字色与背景色。

精确比例

实时显示 WCAG 比例,以及普通文本 AA 或 AAA 状态。

实时界面预览

在标题、正文和按钮中实际评估颜色组合。

02

调整真正可以改变的一方

对比度不足时,Weeko Color 分别给出文字与背景的改进方案。

下一个有效目标

未达标时先面向 AA,已通过 AA 后自动面向 AAA。

调整前后对比

应用前同时比较颜色与对比度变化。

尽量保留个性

在满足目标的前提下尽可能保留原色相与饱和度。

立即应用

一次操作更新当前组合、比例与内容预览。

03

预览不同色觉条件

色觉模拟是设计辅助预览,不是医学检测或合规认证。

五种查看模式

比较正常视觉、红色盲、绿色盲、蓝色盲与全色盲模拟。

同时模拟完整组合

一起转换文字和背景,保留两者的相互作用。

在内容中判断

查看模拟后的真实内容,而不只是孤立色块。

自动保留选择

下次打开时继续使用上一次的模拟模式。

颜色管理与效率

让有用的颜色随手可达,而不是进入云端

最近记录、命名收藏、全局快捷键、菜单栏入口和安全合并的 JSON 备份,共同服务一台 Mac 上的颜色工作流。

最近与收藏分开管理

重复取色自动前置,收藏支持命名和置顶,清空任一列表都不影响另一个。

菜单栏快速操作

开始取色、重新打开最近 6 个颜色,或直达矩阵与对比度工具。

快捷键冲突检测

自定义四项全局操作,并发现功能之间或与 macOS 系统快捷键的冲突。

安全合并 JSON 备份

导入前验证、跳过重复、迁移旧版备份,并保留当前颜色而不是直接覆盖。

01

最近颜色与收藏各司其职

两个集合共享相同输出格式,同时保留独立的整理和清空方式。

有用的最近记录

新取色自动加入;重复颜色移动到最前,不再生成另一条记录。

命名与置顶收藏

把最近颜色加入收藏,自定义名称,并把重要引用置于时间排序之前。

直接操作

点击复制、打开颜色详情、取消收藏或删除单个最近颜色。

独立清空

清空最近或收藏前显示数量并确认,同时保留另一个集合。

02

不中断当前工作即可调用工具

Weeko Color 可作为菜单栏工具,也可显示 Dock 图标成为普通应用。

菜单栏最近 6 色

重新打开并复制最近结果、清空记录或开始下一次取色。

工具快速入口

直接打开颜色库、色阶矩阵、对比度检查、设置或功能指南。

四项全局快捷键

自定义取色、颜色库、矩阵和对比度操作。

冲突检测

提前发现应用内重复快捷键和已知 macOS 冲突。

03

主动备份,安全合并

只有导出时才会创建 JSON;导入会先验证并合并,而不是覆盖现有颜色库。

完整颜色库备份

包含最近颜色、收藏、自定义名称与置顶状态。

验证后合并

检查版本与数据、迁移旧版格式,并跳过重复颜色。

明确上限

文件最大 10 MB,单次最多导入 500 个最近颜色和 2,000 个收藏。

可见进度

显示导入导出进度,并在完成后报告新增颜色数量。

核心色彩工具免费,需要完整工作流时再升级 Pro

免费版包含屏幕取色、基础色库、4 种 CSS 格式、1 个色板、对比度检查、色觉模拟和 JSON 色库备份;Pro 解锁完整开发格式与色板交付能力。

功能
免费版取色、检查并保存颜色
Pro建立并交付颜色系统
屏幕取色、最近、收藏与转换支持支持
复制格式4 种 CSS 格式22 种格式 + 自定义模板
已保存色板1 个不限数量
色板代码导出不支持CSS、JSON、SwiftUI
批量复制不支持最多 3 种置顶格式
对比度工具比例、预览与色觉模拟另含智能 AA / AAA 优化
JSON 色库备份支持支持

Pro 通过 App Store 提供年度订阅和终身购买。两种方案都能备份完整 JSON 色库;将单个色板导出为 CSS、JSON 或 SwiftUI 代码需要 Pro。

本地优先

你的颜色工作不需要账号

Weeko Color 只使用屏幕录制权限读取指针下方的像素。颜色采样、格式转换、配色生成、对比度分析与颜色库存储均在这台 Mac 上完成,颜色数据不会自动上传。

  • 仅在你主动操作取色器时读取屏幕像素;Weeko Color 不会保存屏幕录像。

  • 最近颜色、收藏和分析状态保留在本地应用容器中,直到你主动删除。

  • 只有主动导出时才会创建 JSON 备份;当前没有账号或云同步。

第一次取色前的常见问题

取色为什么需要屏幕录制权限?

macOS 使用这项权限保护屏幕像素。Weeko Color 只在你主动操作屏幕取色器时,用它读取指针下方的像素。

Weeko Color 会上传屏幕或颜色库吗?

不会。取色、转换、配色、对比度分析、最近与收藏都在本地完成。只有你主动导出时才会生成备份文件。

可以复制哪些颜色格式?

共 22 种,覆盖 Web/CSS、Android、Flutter、Apple 平台、HarmonyOS、Python、Java、.NET、OpenGL、Unity 和原始数值。

关闭最近颜色记录后会怎样?

Weeko Color 会停止加入新的最近记录。已有最近颜色和收藏都会保留,直到你主动删除或清空。

智能对比度优化能保证无障碍合规吗?

不能。它以普通文本 WCAG AA 或 AAA 比例为目标并提供实际预览,但最终产品仍需在真实界面中测试,必要时也要结合用户和辅助技术验证。

色觉模拟是医学检测吗?

不是。它是设计辅助工具,用于预览文字与背景组合在四种模拟色觉条件下可能出现的变化。

导入备份会覆盖当前颜色吗?

不会。Weeko Color 会先验证并合并备份、跳过重复颜色,并报告实际新增数量。

可以在多台 Mac 之间同步颜色吗?

当前版本不支持。Weeko Color 没有账号、iCloud 同步、团队共享或自动云备份。