选择取色来源

可从屏幕或图片选取颜色。屏幕取色需浏览器支持。

支持 HEX、RGB(A)、HSL(A)，例如 #136CE9 或 hsl(215, 85%, 49%)。

调整颜色后即可查看结果。

颜色预览与格式

颜色预览
HEX#136CE9
RGBrgb(19, 108, 233)
HSLhsl(215, 85%, 49%)
白底文字对比度4.83 : 1普通文字 AA 达标
黑底文字对比度4.35 : 1普通文字 AA 未达标

依据 WCAG 2.x：普通文字 AA ≥ 4.5，AAA ≥ 7。透明颜色按对应背景合成后计算。

最近使用

屏幕取色器

从屏幕或上传图片中选取颜色，查看并复制 HEX、RGB、HSL 色值，支持图片键盘取样与颜色调整，方便提取截图、照片和网页参考色。

整理：喜爱工具箱 · 更新于 · 示例内容仅供排版参考，请替换为实际信息。

使用说明

三步完成操作

  1. 01 · 选择来源

    点击屏幕取色，或选择不超过 10 MB 的 PNG、JPEG、WebP 图片。

  2. 02 · 定位颜色

    点击图片取样，也可聚焦图片后用方向键移动并按 Enter 取色。

  3. 03 · 复制结果

    查看颜色格式并复制；可用颜色代码继续调整。

常见问题

使用前先了解这些

为什么屏幕取色不可用？

屏幕取色取决于浏览器支持与页面安全环境；不可用时仍可上传图片取色。按 Esc 可取消屏幕取色。

图片像素如何采样？

按原图像素采样，透明像素保留透明度。图片最大 10 MB、2400 万像素，单边不超过 8192 像素；方向键定位，Enter 确认取色，Shift 加速。