在线工具 · 无需安装

打开网页就能用的全彩助手,配色与色值一次搞定

配色方案、色值互转、对比度检测、图片取色,全部在浏览器本地完成。不注册、不下载、不上传素材,选中即出结果。

支持桌面 / 平板 / 手机,结果可一键复制到设计稿或代码里。

色彩渐变的抽象画面,用于展示全彩助手官网的配色能力
色彩工作台 · 实时预览
Features

六个常用工具,覆盖日常配色全流程

每个工具都独立可用,互不依赖。用哪个点哪个,不需要先建项目。

智能配色生成

给定一个主色,自动推导邻近色、互补色与三角配色,直接给出可用的色板组合。

查看用法 →

色值格式互转

HEX、RGB、HSL、HSV 之间任意转换,输入一个格式,其余结果同步呈现。

查看用法 →

对比度检测

按 WCAG 标准计算前景与背景的对比度,快速判断文字是否清晰易读。

查看标准 →

图片取色

上传或粘贴图片,鼠标悬停即可读取像素颜色,自动生成主色分布。

查看更新 →

色阶批量导出

把主色扩展成 50 到 900 的完整色阶,一键复制为 CSS 变量或 JSON。

查看用法 →

本地色板收藏

常用颜色存在浏览器本地,刷新不丢,清空缓存前可自行导出备份。

查看说明 →
How it works

三步完成,不需要学习成本

从进入到拿走结果,通常不超过一分钟。

选工具

在功能卡片里点中你要的那一个,页面会直接定位到对应面板,无需跳转新标签。

填输入

输入色值、粘贴图片或选择参数。所有计算都在本机浏览器里跑,不会上传到服务器。

拿走结果

点复制按钮即可得到 HEX、CSS 变量或 JSON,粘贴到你的项目里就能用。

FAQ

常见问题

关于使用方式与数据安全的几个高频疑问。

需要注册账号吗?
不需要。打开页面即可直接使用全部工具,没有登录门槛,也没有次数限制。
我上传的图片会被保存吗?
不会。图片取色完全在浏览器端解析,文件不会离开你的设备,关闭页面后即释放。
对比度检测按什么标准计算?
采用 WCAG 相对亮度公式计算。正文建议达到 4.5:1,大号文字达到 3:1,工具会直接给出是否达标的提示。
色板收藏存在哪里?会同步吗?
保存在当前浏览器的本地存储中,不做云端同步。更换设备或清理浏览器数据前,建议先导出备份。
手机上能用吗?
可以。布局在手机上自动切换为单列堆叠,输入框与按钮都做了触控适配,取色功能同样可用。
Changelog

更新日志

持续小步迭代,每次只做能立刻用上的改动。

2025-07-18

图片取色支持大图采样,超大分辨率图片自动按比例采样,不再卡顿。

2025-06-30

新增色阶批量导出,可输出 CSS 变量与 JSON 两种格式。

2025-06-05

对比度检测升级,支持自定义大号文字阈值并给出达标标记。

2025-05-12

全站适配移动端,手机单列布局,按钮与输入区域触控优化。

2025-04-20

本站上线,首批开放配色生成与色值互转两个工具。