屏幕取色与格式换算

调色与吸管取色器

使用原生吸管提取屏幕任意色彩,实时进行 HEX、RGB、HSL、HSV 与印刷 CMYK 全色彩空间互转,并自动评估文字可读性与无障碍对比度。

屏幕吸管依赖现代浏览器 EyeDropper API 支持;所有换算与对比度评估全程在浏览器本地执行,零数据上传。

当前浏览器不支持吸管 API,可通过调色板或色彩滑块选择
#3B82F6
Luminance: 0.235

多色彩空间数值与一键复制

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSV / HSBhsv(217, 76%, 96%)
CMYK (印刷)cmyk(76%, 47%, 0%, 4%)

WCAG 2.1 无障碍文字对比度

在纯白背景 (#FFFFFF) 上3.68 : 1
AA (≥4.5:1) 未达标AAA (≥7:1) 未达标
在纯黑背景 (#000000) 上5.71 : 1
AA (≥4.5:1) 通过AAA (≥7:1) 未达标

色彩搭配与色轮关系

互补色 (180°)
#3B82F6#F6AF3C
邻近色 (±30°)
#523CF6#3CE0F6
三角色 (120°)
#F63C83#83F63C
单色明暗梯队
🛡️100% 浏览器本地运算 · 零网络回传 · 设计取色即刻转换

方法与边界

色彩空间的数学转换与无障碍对比度原理

网页与屏幕通常使用 sRGB 空间,以非线性伽马编码记录颜色。本工具在进行 HSL 与 HSV 转换时保持直观的色相角度(0°~360°),而在换算至印刷 CMYK 时依据标准减色模型剥离黑版(K 版),便于印前色彩校准。

WCAG 2.1 对比度通过将颜色还原为线性相对亮度(Relative Luminance)进行精确加权计算,确保普通正文对比度达到 4.5:1(AA 级)甚至 7:1(AAA 级),保障视障与暗光环境下的文字可读性。

相对亮度 L = 0.2126*R + 0.7152*G + 0.0722*B(线性化后的 sRGB);对比度 = (L1 + 0.05) / (L2 + 0.05)。

常见问题

调色与吸管取色器 · 常见问题

哪些浏览器支持原生吸管 (EyeDropper)?

Chrome 95+、Edge 95+、Opera 等 Chromium 内核桌面浏览器已原生支持。在 Safari、Firefox 或移动端上,可直接使用内置调色盘或输入色值,所有空间换算与对比度功能均完全可用。

CMYK 数值可以直接用于工业印刷制版吗?

本工具提供标准的纯前端 RGB ➜ CMYK 数学换算,适用于常规印前设计参考与色票标注。若涉及高保真潘通(Pantone)专色或特定胶印 ICC 特性文件,建议在专业印前排版软件中嵌入专属色彩配置文件。

取色过程会记录我的屏幕内容吗?

绝不会。EyeDropper API 是由浏览器原生沙箱安全控制的系统级组件,只有在您主动点击确认像素后,当前网页才能读取该单点的 16 进制颜色代码,无法读取任何多余画面或隐私数据。