Token导航 LogoToken导航

多格式互转 · 本地处理 · 可复制

颜色 转换器

输入 HEX、RGB、HSL、HSV、CMYK 或 OKLAB 后在浏览器本地互转常用颜色格式,支持复制结果,不上传服务器。

多格式颜色互转

输入一种颜色格式后,立即得到 HEX、RGB、HSL、HSV、CMYK 和 OKLAB。

本地处理,不上传

颜色换算在浏览器里完成,不需要接口,也不会上传输入值。

结果可直接复制

换算结果可以直接复制到设计说明、前端样式或调色文档里继续用。

颜色转换 · 浏览器本地计算

HEX / RGB / HSL / HSV / CMYK / OKLAB 互转

输入颜色值后实时换算常用颜色格式。颜色值只在当前浏览器本地解析,不会上传服务器。

OKLAB 结果用于感知均匀色彩计算参考,正式设计系统仍建议结合品牌规范复核。

HEX

#2563EB

RGB

rgb(37, 99, 235)

OKLAB

oklab(0.5457 0.0197 -0.2719)

工具使用说明

怎么用 颜色转换器

1

输入任意支持格式

可以输入 HEX、RGB、HSL、HSV、CMYK 或 OKLAB 中的一种颜色值。

2

查看完整转换结果

页面会同步输出多种颜色格式和预览色块。

3

复制后继续使用

确认结果后直接复制即可,适合接入设计文档或 CSS 参数。

功能说明

这个工具解决什么问题

颜色转换器适合什么场景

它适合把屏幕颜色快速换算成常用格式,方便设计、前端和印刷沟通。

换算只在浏览器本地完成,不会上传原始颜色值。

为什么要同时看 OKLAB

OKLAB 更接近感知均匀的颜色空间,适合做对比和调色参考。

和其他格式一起看,能更快判断是否接近目标效果。

常见问题

关于 颜色转换器,用户常问这些

颜色转换器适合正式设计吗?

适合做第一轮换算和沟通,正式设计仍建议结合品牌规范复核。

结果是实时更新的吗?

是。输入颜色变化后,所有格式会同步更新。

计算过程会上传数据吗?

不会。默认按浏览器本地计算设计。

输入格式不完整怎么办?

页面会保留上一次可识别的颜色结果,修正输入后会继续转换。