在线取色器
用饱和度方块、色相与透明度滑块取色,同时查看 HEX/RGB/HSL/HSV/CMYK 并检测 WCAG 对比度。
🔒 浏览器本地运行,文件不会上传免费 · 无需注册
取色面板
最近使用
取过的颜色会出现在这里。
配色方案
颜色格式
对比度检测
大号标题示例
敏捷的棕色狐狸跳过了那只懒狗。
21对比度
—正文文字
—大号文字
—界面元素
怎么用取色器
- 在饱和度方块里拖动,配合色相和透明度滑块取色;也可以直接在 HEX、RGB、HSL、HSV、CMYK 任意一栏输入数值,各格式会自动同步。
- 点配色方案里的任意色块即可把它设为当前颜色,鼠标悬停可以看到十六进制值。
- 在对比度检测里设置背景色,就能看到 WCAG 对比度以及是否达到 AA / AAA。
常见问题
屏幕取色按钮是什么?
Chrome、Edge 等 Chromium 内核浏览器提供 EyeDropper 接口,可以吸取屏幕上任意像素的颜色。不支持的浏览器会自动隐藏该按钮;无论哪种情况都不会截图或上传任何内容。
对比度要达到多少?
WCAG 2.1 的 AA 级要求正文至少 4.5:1,大号文字(18.66px 粗体或 24px 常规)至少 3:1;AAA 级则分别是 7:1 和 4.5:1。图标、边框和表单描边需要 3:1。
CMYK 为什么和印刷厂对不上?
这里用的是网页上通用的简单数学换算。实际印刷要依据具体油墨和纸张的 ICC 特性文件,所以这些数值只能当作参考起点,不能直接用于付印。