ColorKit 是个做设计和科研可视化的在线配色工具。能做从调色板生成、渐变制作，到图片取色、文本对比度检查、SVG 配色和背景图设计这些事。它支持导出 HEX、RGB、ASE 等格式，方便在 MATLAB、Python（Matplotlib/Seaborn）、R（ggplot2）这些画图工具里接着用。网站是 https://colorkit.co/。工具主要有这些：调色板生成器、渐变色生成器、颜色拾取器、文本色彩对比度检查器、SVG 在线配色、背景设计师、色轮和配色原理学习。

ColorKit(图1)

ColorKit 的色彩功能

  • 预设科研/通用配色库：有上百套现成的色板，SCI 论文、数据可视化、UI 设计都能直接套用。

  • 图片→色彩提取：传任何参考图，比如论文插图、品牌海报、摄影作品，它会自动找出主色、辅助色，给出 HEX、RGB、CMYK 代码。

  • 渐变阶生成器：双色渐变一次最多能展开 18 个连续色阶；单色明度渐变支持 9 阶，能直接复制所有色码。

  • 实时调色与参数微调：可以拖动色相、饱和度、亮度的滑块，系统马上给出协调色、互补色、三角色这些方案。

  • 无障碍对比度检测：自动算 WCAG 对比度比值，提醒文本和背景好不好读，还会说对色盲友不友好。

  • 多格式色码输出：同一个颜色能在 HEX、RGB、HSB、CMYK、LAB 之间互相转，CSS、Python、R、LaTeX 的代码能一键复制。

ColorKit使用流程

  1. 先打开 https://colorkit.co，不用注册，也不花钱。

  2. 没灵感的时候：在顶部搜索栏输关键词，比如“SCI”“pastel”“vibrant”，找到喜欢的色板直接套用，点“Export”复制色码就行。

  3. 有参考图的时候：点“Image Picker”传图片，系统 3 秒内列出前 8 个主色，鼠标放上去就能复制 HEX，还能点“Save Palette”生成专属链接，下次直接打开。

  4. 需要渐变的时候：顶部菜单选“Gradient”，左右定好开始和结束的颜色，中间会自动生成 18 阶，下面点“Copy all”就能一次拿到所有色值。

  5. 要微调的时候：随便点一个色块选“Edit”，弹窗里拖动 HSL 滑块，协调色会跟着变，满意了点“Apply”覆盖原来的色板。

  6. 检测对比度的时候：在色板右上角点“Contrast”，输入文字颜色和背景颜色，马上能看到 WCAG 等级（AA/AAA），红色叹号就是不安全。

科研图表配色建议

  • 控制颜色数量：整篇用 3–5 种主色，突出关键信息，别用太花的让人分心。

  • 提升可读性：重点内容（像异常值、极端事件）用高对比度标出来，背景数据用低对比度。

  • 风格统一：图表系列配色和层级保持一致，看着更专业、更好读。

  • 贴合领域习惯：比如生态学常用绿色表示植被、蓝色表示水分；气候趋势里红色常表高温、蓝色表低温。

  • 论文折线/柱状图：优先选“Color for Data”里“Qualitative”的离散色，相邻色差别大，打印成黑白也能分清。

  • 热力图：用“Sequential”的单色系渐变，数据没天然分段时更直观。

  • 荧光黑背景：对比度至少得 4.5:1，再用高亮荧光色，可以先在“Contrast”模块验证。

  • 投稿期刊要 RGB 和 CMYK 一起交：导出面板勾“Both”，一次拿两种数值，不用来回换。

ColorKit适用场景与注意事项

  • 适用场景：论文图表、学术海报、演示文稿、网页和产品界面、插画和品牌配色，适合快速搭方案或者接着用以前的。

  • 注意事项：导出 ASE 主要给 Adobe 软件用；在 Origin 里导入后可以自己再调；为了照顾可访问性，一定要用对比度检查；配色要考虑色盲友好和打印成灰度的效果，别让相近色在灰度下分不清。

常见疑问

  • 要收费吗？——现在所有功能都免费，不用注册。

  • 颜色准吗？——网页用 sRGB 色域，HEX 转 RGB 误差很小；CMYK 是理论换算的，印刷前最好打样看看。

  • 能离线用吗？——官方没有离线版，但可以把常用的色板“Save Palette”生成短链接，下次联网直接打开。

  • 支持中文界面吗？——现在界面还是英文，但功能图标一看就懂，色码全世界通用，不影响中文用户用。