图像取色器
上传图片并点击任意像素以在浏览器中即时获取其HEX、RGB和HSL颜色值。
广告
未加载图片。请上传图片以开始使用。
HEX —
RGB —
HSL —
广告
常见问题
图像取色器是如何工作的？
该工具将上传的图片绘制到HTML5 Canvas元素上。当您点击或悬停在任意像素上时，它使用Canvas API的getImageData()方法读取该像素的精确红、绿、蓝通道值，然后将这些值转换为HEX、RGB和HSL格式，便于在CSS或设计工具中使用。
支持哪些图片格式？
您的浏览器支持的任何图片格式均可使用，包括JPEG、PNG、WebP、GIF、SVG、BMP和AVIF。图片完全在您的浏览器中处理——不会上传到服务器，因此您的图片保持私密。
HEX、RGB和HSL有什么区别？
HEX将红、绿、蓝通道编码为六位十六进制字符串（如#ff6b35），是CSS中最常见的格式。RGB将相同的三个通道表示为0到255之间的十进制整数。HSL将颜色表示为色相（0–360°）、饱和度（0–100%）和亮度（0–100%），在以编程方式调整颜色时更直观。