取色器
色板选色,或在支持的浏览器里用 EyeDropper API 直接从屏幕取色——hex、RGB、HSL 一键复制。
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)当前浏览器不支持 EyeDropper API,请使用色块选择;hex/rgb/hsl 仍会实时更新。
该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。
使用方法
- 1点击色块选择颜色,或在支持时使用“从屏幕取色”。
- 2在预览下方查看 hex、RGB 和 HSL 数值。
- 3点击所需格式旁的“复制”。
取色器
点击色板可视化调色;在 Chromium 内核浏览器中还可以“从屏幕取色”,直接吸取屏幕上的任意像素。所选颜色同时以 hex、rgb() 和 hsl() 三种格式显示,各带复制按钮。
屏幕取色使用浏览器内置的 EyeDropper API,像素在本地读取;不记录、不上传、不存储。不支持该 API 的浏览器使用色板输入,其余功能完全一致。
常见问题
为什么看不到“从屏幕取色”?
EyeDropper API 目前只在 Chromium 内核浏览器(Chrome、Edge、Brave、Opera)中提供。Firefox 和 Safari 尚未开放,这些浏览器只显示色板输入——其余功能完全相同。
hex、RGB、HSL 有什么区别?
三种写法描述同一个颜色:hex 把红绿蓝打包成 #RRGGBB,CSS 和设计工具通用;rgb() 用数字列出三个通道;hsl() 表示色相、饱和度、亮度,手工构建调色板和悬停态时更直观。
屏幕取色隐私吗?
隐私。EyeDropper API 会弹出系统取色器,只返回你点击的那一个像素;读取在浏览器内完成,不会传输或保存任何截图、历史或数值。
相关工具
嵌入这个工具
一行代码把工具放到你的网站——它在访客的浏览器里运行。
<iframe src="https://zoyku.com/zh/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>100% 本地处理