取色器和颜色转换器
选取任意颜色，或找出图片中的颜色代码。获取 HEX、RGB、HSL 和 HSB 值，检查对比度，探索搭配色。
#6366F1
从图片中取色
拖入、粘贴或选择一张图片
图片只保留在你的浏览器中，绝不会上传。
颜色格式
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
HSB
hsb(239, 59%, 95%)
无障碍与对比度
白色背景上
Aa
4.47:1
黑色背景上
Aa
4.70:1
WCAG AA (Normal) ✓ WCAG AA (Large) ✓ WCAG AAA ✗
色彩搭配
互补色
类似色
三等分色
暗色与浅色
5
10
20
30
40
50
60
70
80
90
95
如何找出图片中的颜色代码
- 1
添加图片
把照片、标志或截图拖入框中，选择文件，或按 Ctrl+V 粘贴。
- 2
点击颜色
在图片上移动以预览颜色，然后点击选取。图片的主要颜色会显示在下方。
- 3
复制代码
复制 HEX、RGB、HSL 或 HSB 值，并检查它在白色和黑色背景上的对比度。
常见问题
如何找出图片的颜色代码？
把图片添加到取色器中，点击你需要的位置，即可立即获得它的 HEX、RGB、HSL 和 HSB 代码。
我的图片会被上传吗？
不会。图片只在你的浏览器中读取，绝不会离开你的设备。
可以从屏幕上的任意位置取色吗？
可以，在 Chrome、Edge 等支持此功能的浏览器中可用。使用“从屏幕取色”，然后点击屏幕上的任意像素。
HEX 和 RGB 有什么区别？
两者描述的是同一种颜色。HEX 把红、绿、蓝写成 #6366F1 这样的六位代码，RGB 则写成 0 到 255 之间的数字。