颜色转换工作室
输入一个十六进制码、一个 CSS 关键字，或者一整条 oklch() 函数，其余所有写法都会立刻出现。接着生成明暗阶梯、检查对比度、看看色盲用户眼中的效果，然后把整套调色板带走。
3、4、6 或 8 位的十六进制以及 rgb()、hsl()，不依赖浏览器也能读懂。
这里的 CMYK 只是简单的算术换算，并非 ICC 分色。可付印的 CMYK 取决于纸张、油墨和输出特性文件，无法仅凭一个 sRGB 数值推导出来。
24 像素的大标题
16 像素的小标题，半粗体
13 像素的正文。正是这个字号决定一对颜色到底能不能用。
反过来，把背景当作文字颜色：Lc -60.3
低于 ΔE 0.05 时，两个色块对这类观看者而言就是同一种颜色，依赖区分它们的调色板会失效。模拟依照 Viénot、Brettel 与 Mollon（1999）的方法，在线性光下计算。
距离是 OKLab 中的 ΔE，大约到 0.02 时多数人开始把两个色块看成不同的颜色。点击某一行即可跳到那个确切的颜色。
工作方式
带一个颜色进来
输入任意 CSS 写法，使用屏幕取色器，粘贴一整套调色板，或者打开一张图片点击你要的那个像素。
把它捏成形
明度、彩度和色相滑块在黄色上和在蓝色上表现一致，另有阶梯、配色与混合。
检查一遍
在任意背景上给出 WCAG 2.1 与 APCA，还有色盲模拟，会在两个色块并成一个时提醒你。
带着走
复制单个写法，导出 CSS、Tailwind、SCSS、JSON、SVG 或色卡，也可以把调色板直接交给下一个工具。
所有 CSS 颜色写法
3、4、6 或 8 位十六进制、关键字、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、color-mix() 和 display-p3。读取交给浏览器自己的解析器，所以不会有遗漏。
步幅均匀的阶梯
十一级都在 OKLCH 中生成，每一级与上一级保持一致的视觉距离，不会出现 HSL 阶梯那种忽大忽小的跳跃。
WCAG 2.1 与 APCA
经典比值，加上 WCAG 3 草案里带符号的 Lc 值，都在你选定的背景上测量，而不只是白底和黑底。
色盲检查
在线性光下模拟红色盲、绿色盲和蓝色盲，并给出任意两个色块之间的最小距离，让你知道调色板什么时候会垮掉。
取色器与图片
在浏览器允许的地方从屏幕任意位置取色，或者打开图片，放大到光标下的像素，取走它的准确数值。
配色与混合
互补、邻近、三分、分裂、四分和单色各组都在 OKLCH 中旋转得出，另有沿色相短弧的感知混合。
导出到任何地方
CSS 自定义属性、Tailwind 的 @theme 区块、SCSS 变量、JSON、SVG 或 PNG 色卡，以及 GIMP 调色板文件。
什么都不会离开标签页
不上传、不调用接口、不需要账号。每一次换算、每一个对比度数字、每一套调色板，都由你自己的浏览器算出来。
即时的本地处理
每次换算不过是对三个数字做算术，没有什么要等，也没有什么要送出去。读取你输入的内容交给了浏览器自带的 CSS 引擎，所以关键字、color-mix() 和广色域写法会被读懂而不是被拒绝。涉及感知的部分——OKLCH 阶梯、色域映射、ΔE 距离、色盲模拟——只是几百次浮点运算，就连从一张大照片里提取调色板，也只是对缩小副本跑一遍 k-means，用时远不到一秒。
颜色工作里最麻烦的部分很少是换算本身：难的是做出一条步幅均匀的色阶，证明一对颜色确实读得清，以及把结果交成代码期待的形状。这个工具会把十一级阶梯锚定在你手上已有的颜色上，告诉你哪些级被拉回了 sRGB、偏移了多少，用实测距离指出最接近的 CSS 关键字和 Tailwind 令牌，并把整套调色板导出为自定义属性、Tailwind 主题区块、SCSS、JSON 或色卡。
这个工具没有服务端。你输入的颜色、粘贴的调色板和打开的图片都留在标签页里：图片被解码进一块从不离开你机器的画布，关掉标签页一切随即消失。会往外走的只有你自己放进地址栏的东西——调色板被编码在那里，方便你分享链接，除此之外这次会话不会被记录任何内容。
常见问题
Q我可以粘贴哪些颜色格式？+
3、4、6 或 8 位十六进制、CSS 的 148 个关键字、rgb()、rgba()、hsl()、hsla()、hwb()、lab()、lch()、oklab()、oklch()、color-mix() 以及 color(display-p3 …)。输入会经过浏览器自己的 CSS 解析器，所以凡是你的浏览器在样式表里接受的写法，这里都能用。即使没有这个解析器，工具仍然读得懂十六进制、rgb() 和 hsl()。
Q为什么这个工具更偏爱 OKLCH 而不是 HSL？+
在 HSL 里，明度数值相同的两个颜色看起来亮度可能天差地别——50% 的黄色比 50% 的蓝色亮得多。OKLCH 的设计让它的明度与眼睛的感受一致，所以这里的阶梯、配色和混合都在这个空间里旋转和插值。
QΔE 这个数字是什么意思？+
它是两个颜色在 OKLab 中的距离。大约到 0.02，多数人就开始把两个色块看成真正不同的颜色，因此它是个好用的尺子：它告诉你某一级阶梯在被压回 sRGB 时偏移了多少、最接近的 Tailwind 令牌到底有多接近，以及调色板里的两个颜色能否熬过色盲模拟。
Q这个对比度检查符合 WCAG 吗？+
WCAG 2.1 的比值完全按规范定义计算，针对你选定的背景，并且标签会区分正文与更宽松的大字阈值，而不是只给一个笼统的“通过”。旁边是 APCA，它是为 WCAG 3 提出的感知度量：实践中很有用，但仍是草案，并非符合性标准。
Q输出的 CMYK 能直接付印吗？+
不能，任何浏览器工具给出的都不能。你拿到的是标准的算术换算，用来大致估计，或者喂给需要这四个数字的软件是够用的。真正的分色取决于纸张、油墨和 ICC 输出特性文件，所以必须在排版或图像软件里完成。
Q我粘贴的内容会被上传吗？+
不会。这里没有服务端，不对你的颜色做任何统计，换算过程中的任何一步都不会发起网络请求。图片在本地解码进画布，关掉就丢弃。调色板会写进页面网址，方便你分享或加书签——那是你的颜色唯一存放的地方，而且除非你自己把链接发出去，它就一直留在你的机器上。