ColorBrewer · 官方在线版
数据可视化安全配色方案(地图/图表)
它解决什么问题
ColorBrewer 是数据可视化领域最权威的配色参考:Cynthia Brewer 教授做的研究,专门解决「分类色在色盲和黑白打印下还能不能区分」。它把配色分成顺序型(sequential)、发散型(diverging)、分类型(qualitative)三类,每种都标注了色盲安全性和可用的色阶数。
三个典型使用场景
- 给地图或热力图选一组在色盲下也能区分的渐变色
- 做数据大屏,需要 5–7 个分类色且保证两两可辨
- 把现有配色放到「打印灰度」条件下验证是否还分得开
和 ToolHub 本地工具怎么配合
颜色对比度检查:选定配色后要验证文字与背景的对比度是否达标,站内工具直接给 AA/AAA 结论(本地工具,文件不上传)
颜色格式转换:拿到色值后需要转 HEX/RGB 写进代码或 ECharts 配置(本地工具,文件不上传)
同类可替代方案
- Excalidraw —— 手绘风格白板画图,协作绘图神器
- tldraw —— 精致的无限画布白板,交互丝滑
- draw.io —— 最流行的流程图/架构图绘制工具
使用时要注意什么
只给色板不给代码,要自己复制色值;分类色最多 12 色,类别更多时仍需另想办法(比如加形状区分)。
常见问题
ColorBrewer 是免费的吗?
ColorBrewer 是开源项目,采用 Apache-2.0 许可证,官方在线版可以免费使用,不需要为基本功能付费。ToolHub 只做收录与说明,不代管你的数据,也不提供账号或存储服务。
ColorBrewer 适合什么场景?
最常见的是这几种:给地图或热力图选一组在色盲下也能区分的渐变色;做数据大屏,需要 5–7 个分类色且保证两两可辨;把现有配色放到「打印灰度」条件下验证是否还分得开。判断标准很简单——如果你现在正为了这件事装一个几百 MB 的桌面软件,先用它试一次。
它和 ToolHub 的本地工具有什么区别?
ToolHub 的本地工具把代码放在你的浏览器里执行(WebAssembly 或原生 JS),文件不经过服务器;ColorBrewer 由项目作者维护,数据在其服务器或你的浏览器中处理,具体取决于项目实现,使用前建议先看对方的数据政策。需要「绝对不上传」时可以改用站内同类工具。
用 ColorBrewer 有什么限制?
只给色板不给代码,要自己复制色值;分类色最多 12 色,类别更多时仍需另想办法(比如加形状区分)。
相关阅读
- 颜色格式转换 —— HEX / RGB / HSL 互转,附色块预览与 CSS 变量(在浏览器内执行,不联网也能用)
- 颜色对比度检查 —— 按 WCAG 标准检查文字与背景的对比度是否达标(在浏览器内执行,不联网也能用)
- 全部设计类工具 —— 按分类筛选,含本地执行与目录直达
- Excalidraw —— 同类别另一个选择
项目来源:github.com/axismaps/colorbrewer · License: Apache-2.0 · 分类:设计
官网地址:https://colorbrewer2.org(新标签页打开 colorbrewer2.org)
说明:本页是 ToolHub 对该开源项目的整理与推荐,工具由项目作者维护,版权与数据归原作者所有。官网无法访问时可能是临时故障或网络限制。
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具,填参数,出结果。