广告:选购纽崔莱、雅姿等400+产品 · 了解会员权益 — 70元办卡,费用返还,自用省钱,分享赚钱
输入关键词搜索

输入关键词开始搜索

在线颜色选择器

选择颜色、屏幕取色,实时查看 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,本工具将自动隐藏取色按钮,你可以使用色盘选择器手动选取颜色。所有颜色值在浏览器本地处理,无需网络连接。

关于 星夜

一个热爱技术的电子爱好者,乐于分享编程实践与工程经验。 这里的所有工具均为个人业余开发,免费使用。

除了技术,我也分享安利事业机会, 如果你对副业感兴趣,欢迎来看看。

公告

欢迎访问星月夜语 · 技术、生活与思考

查看详情