工作原理
在方块中拖动来设置饱和度和明度,用彩虹滑块调整色相。您也可以直接输入代码、使用系统取色器、从屏幕上吸取任意像素 (需浏览器支持),或在自己的照片上点击某个位置取色。每种颜色都会显示为 HEX、RGB、HSL、HSV 和 CMYK,最近选过的颜色会排成一行,方便快速对比。
#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)
该用哪种格式
- HEX:网站和设计工具中最常用的代码。
- RGB:红、绿、蓝三色光,取值 0 到 255,用于屏幕显示。
- HSL 和 HSV:色相、饱和度以及亮度或明度——想让颜色变浅、变深或更柔和时最方便。
- CMYK:印刷用的粗略参考值;请以印刷厂的色彩配置文件为准。
使用提示
- 屏幕取色适用于桌面版 Chrome 和 Edge;在手机上请改用图片取色。
- 照片只在您的设备上读取,绝不会上传。
- 点击任意值即可复制。
标准与出处
- 颜色值遵循 CSS Color Module Level 4 (sRGB)
- 屏幕取色在浏览器支持时使用 EyeDropper API
最后核对于 2026年10月7日
常见问题
怎样从图片中吸取颜色?
在“从图片取色”中选择图片,然后点击想要的位置。手指或光标所在处的颜色就会被吸取。
可以吸取屏幕上任意位置的颜色吗?
可以,适用于桌面版 Chrome 和 Edge。点击“从屏幕取色”,再点击任意像素即可,浏览器窗口之外也行。
HSL 和 HSV 有什么区别?
两者都使用色相和饱和度。HSL 使用亮度 (Lightness),100% 为白色;HSV 使用明度 (Value),100% 为纯色本身。
我的照片会被上传吗?
不会。图片在您的浏览器中绘制和读取,绝不会离开您的设备。
怎样复制颜色代码?
点击任意 HEX、RGB、HSL、HSV 或 CMYK 值即可复制,也可以用复制按钮一次复制主要代码。