本页面由 AI 翻译,尚未经过母语人士审校。 阅读英文版

取色器与颜色转换

用取色器选择颜色,输入任意 HEX、RGB 或 HSL 值,或点击上传的图片获取像素颜色。对比度数值可帮助你选择易读的文字颜色。

从图片中取色

打开图片,然后点击图片

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。

使用方法

  1. 使用颜色输入框、输入数值,或打开图片并点击某个像素。
  2. 查看 HEX、RGB 和 HSL 数值,并复制你需要的那一个。
  3. 检查与白色和黑色文字之间的 WCAG 对比度。

示例

从标志中提取品牌色

打开标志图片,点击有颜色的区域即可获得其 HEX 代码。

选择清晰易读的按钮文字

如果与白色的对比度低于 4.5:1,请使用深色文字或加深颜色。

隐私

完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。 浏览器中保存了哪些内容(仅收藏和历史记录),请参阅隐私政策。 隐私政策

你可以自己验证:打开浏览器的开发者工具,选择“网络”(Network)标签,然后使用工具。你的文件不会出现在任何上传请求中。此页面保存为离线可用后,你还可以断开网络继续使用。 广告和匿名访问统计在启用时会发出各自的请求,但绝不会接收你的文件或文本。

常见问题

什么是屏幕取色器?

部分浏览器(桌面版 Chrome 和 Edge)提供 EyeDropper,可以吸取屏幕上任意像素的颜色。只有在支持的浏览器中才会显示该按钮。

为什么吸取的颜色可能略有差异?

JPG 压缩和颜色配置文件可能会改变像素值。请在颜色均匀的区域取色,而不是在边缘。

配色方案生成器从一个基础色生成调色板(互补色、类似色、三角色、浅色与深色),或提取图片中的主要颜色。
网站图标生成器从一张图片或一个字母生成完整的网站图标套件:favicon.ico、16–512 px 的 PNG、Apple Touch 图标、Web 清单和 HTML 标签,打包为一个 ZIP。
SVG 预览与优化安全预览 SVG 文件,并通过删除注释、编辑器元数据和空白来减小体积,可选数值取整。
图片压缩在浏览器中按质量或按目标大小(如 100 KB)压缩 JPG、PNG 和 WebP 图片。
图片尺寸调整将 JPG、PNG 和 WebP 图片调整为精确的像素尺寸或按百分比缩放,可选择锁定宽高比。

搜索工具