在线颜色选择器
选择颜色、屏幕取色,实时查看 HEX、RGB、HSL、HSV 颜色值
#FF6600
点击后可在屏幕上任意位置取色
颜色值
HEX
#FF6600 RGB
rgb(255, 102, 0) HSL
hsl(24, 100%, 50%) HSV
hsv(24, 100%, 100%) 颜色历史
最多保存最近 10 个颜色
在线颜色选择器 — 取色器与颜色值转换工具
在线颜色选择器是一款免费的网页取色和颜色值转换工具,支持 色盘选择 和 屏幕取色(EyeDropper API)两种取色方式,实时显示 HEX、RGB、HSL、HSV 四种颜色格式的数值,每种颜色值均可一键复制。内置颜色历史记录功能(自动保存最近 10 个颜色,刷新页面不丢失),方便反复使用。
HEX、RGB、HSL、HSV 有什么区别?
HEX(十六进制)是最常见的 CSS 颜色表示法,以 #RRGGBB 格式表示,简洁直观。RGB(红绿蓝)使用十进制数值表示红、绿、蓝三个通道的强度(0-255),适合在代码中动态调整颜色。HSL(色相-饱和度-明度)更符合人类对颜色的感知方式,调整色相(0-360°)即可切换颜色,适合设计调色。HSV(色相-饱和度-明度值)与 HSL 类似但在明度的定义上有所不同,在图像处理软件中更为常用。本工具实时同步显示四种格式,方便你在不同场景下使用最合适的颜色表示法。
屏幕取色功能说明
屏幕取色(EyeDropper API)是一项现代浏览器功能,点击取色按钮后鼠标变为取色器,点击屏幕上任意位置即可获取该点的颜色值。该功能目前支持 Chrome 95+、Edge 95+ 和 Opera 81+ 等基于 Chromium 的浏览器。如果浏览器不支持 EyeDropper API,本工具将自动隐藏取色按钮,你可以使用色盘选择器手动选取颜色。所有颜色值在浏览器本地处理,无需网络连接。