取色器

从屏幕或图片取色，采样像素并即时复制 HEX、RGB、HSL、HSV 和 CMYK 值

屏幕取色

使用浏览器取色器采样屏幕上的任意像素

屏幕取色

当前浏览器不支持屏幕取色

图片取色

选择图片后，点击像素即可取色，也可将图片拖入此区域

取色结果

从屏幕或图片取色，采样像素并即时复制 HEX、RGB、HSL、HSV 和 CMYK 值

取色器

来源: 尚未取色

HEX
#3498DBFF
RGBA
rgba(52, 152, 219, 1)
HSLA
hsla(204, 70%, 53%, 1)
HSVA
hsva(204, 76%, 86%, 1)
CMYK
cmyk(76%, 31%, 0%, 14%)
透明度
100%

这个工具能做什么

从屏幕或图片取色，采样像素并即时复制 HEX、RGB、HSL、HSV 和 CMYK 值

取色建议

  • 当浏览器支持 EyeDropper，且你要从其他应用、标签页或设计参考中取色时，优先使用屏幕取色
  • 当你要从截图、Logo、产品照片或界面稿中提取精确像素时，使用图片取色

输出说明

  • 当你需要 #RRGGBBAA、rgba(...)、hsla(...) 或 hsva(...) 这类带透明度的格式时，开启透明度选项
  • 做网页和界面工作时通常优先使用 HEX 或 RGB；如果要面向印刷流程交付颜色，CMYK 会更实用

使用方法

使用颜色区域、滑块或输入框选择颜色，也可打开吸管或本地图片取色。可复制 HEX、RGB、HSL、HSV、CMYK、OKLCH 或透明度