HEX
如 #2C806E 的紧凑网页颜色格式，适用于 CSS、设计工具和许多主题设置。
颜色取色器
从色盘、本地图片或受支持的屏幕取色中选择颜色，立即复制 HEX、RGB、HSL 与 OKLCH；图片不会上传。
本工具完全在浏览器中运行。图片像素、选择的颜色和最近使用颜色都不会发送到 ToolkitLoop。
可视取色
#2C806E
图片取色
粘贴截图或拖入图片
拖入图片、选择文件，或粘贴截图。图片只在当前浏览器中处理。
此浏览器暂不支持屏幕取色；仍可从截图或图片中取样。
拖入图片即可取色
图片调色板
选择图片后，即可提取常见的本地颜色。
浏览器本地处理
最近颜色
图片、像素与最近颜色均不会上传。
如何使用颜色取色器
- 01
选择起始颜色
使用可视色盘、输入 HEX，或随机生成一种颜色。
- 02
从图片取样
拖入、选择或粘贴截图，然后点击图片画布获取精确的本地像素。
- 03
复制可用格式
复制 HEX、RGB、HSL 或 OKLCH，并查看黑色或白色文字哪一种对比度更好。
颜色格式说明
RGB 与 HSL
RGB 描述光的三个通道；调整色相、饱和度和明度时，HSL 往往更直观。
OKLCH
一种感知更均匀的颜色格式，方便跨色相比较明度和色度。
FAQ
颜色取色器常见问题
怎样从图片中取色？
拖入、选择或粘贴图片，然后点击可见像素。图片只会绘制到本地浏览器画布，不会上传。
可以从屏幕任意位置取色吗？
支持安全 EyeDropper API 的浏览器可使用“从屏幕取色”。其他浏览器会提供截图或图片取色路径。
为什么不能使用屏幕取色？
EyeDropper API 需要 HTTPS 与浏览器支持。它只是渐进增强，不是本工具唯一的取色方式。
图片会发送到服务器吗？
不会。页面只在当前浏览器中读取图片、绘制画布、取样像素与提取小型调色板。
这是 Google 的颜色取色器吗？
不是。ToolkitLoop 是独立工具，和 Google 没有隶属关系。
相关工具