颜色 · 让操作更简单
颜色拾取器
输入 CSS 颜色名称、HEX、RGB 或 HSL，调整通道，或从本地图片采样原始像素。使用坐标、方向键和放大视图，复制含透明度的颜色值并保存色样。
又称取色器 · 拾色器 · 颜色选择器 · 在线取色器 · 图片取色器 · 颜色拾取工具
你的工作区在你的设备上处理
#7D9065rgb(125, 144, 101)
预览叠加在白色背景上。HEX 以 8 位存储透明度；RGB 和 HSL 保留十进制透明度。
HEX
#7D9065RGB
rgb(125, 144, 101)HSL
hsl(86.512 17.551% 48.039%)RGB 百分比
rgb(49.02% 56.471% 39.608%)归一化 RGBA
0.4902, 0.5647, 0.3961, 1CSS 变量
--color: #7D9065;颜色名使用标准 CSS 关键词，例如 red 或 rebeccapurple。
也可聚焦此处，按 Ctrl+V / ⌘V 粘贴图像。JPG、PNG 或静态 WebP · 最大 25 MB / 2400 万像素。
原始像素：0 × 0。方向键移动一个像素；Shift + 方向键移动十个。
所选像素：0, 0
调色板是缩小样本的近似颜色。完全透明的像素会被忽略，其余像素叠加在底色上。百分比描述可见采样像素，所选颜色之和可能不足 100%。
三个简单步骤。
- 选择颜色或打开本地图片。
- 点击像素，使用坐标或方向键，或调整 RGB/HSL 通道。
- 复制所需格式，或保存色样并导出 CSS、JSON。
使用须知。
图片不超过 25 MB、2400 万像素，单边不超过 12,000 像素。采样使用浏览器解码后的 sRGB，不用于印刷校样。屏幕取色取决于浏览器支持，并须由你主动启动。色样仅保存在当前页面内存中。
了解隐私保护 →常见问题。
为什么不能从屏幕取色？
并非所有浏览器都支持 EyeDropper API。手动输入、通道调节和本地图片采样仍可使用。
能采样透明像素吗？
可以选择采样底色，或启用保留采样透明度来查看原始 alpha。提取调色板时，颜色始终合成到所选底色上。
相关搜索颜色拾取器 在线 · 颜色拾取器16进制