本地运行
取色器
在本设备处理 · 无需上传选择颜色并复制HEX、RGB和HSL值。
#FF0000
RGB 255, 0, 0
HEX
RGB
R
G
B
HSL
hsl(0, 100%, 50%)
如何使用取色器
- 在饱和度-明度区域点击或拖动选择颜色。
- 使用底部滑块调整色相。
- 查看并点击复制HEX、RGB或HSL值。
The color picker lets you choose a color directly on screen and get its HEX, RGB, and HSL values. It's a quick way to grab and copy color codes for web and app design, documents, or coding. Adjust hue, saturation, and brightness to dial in exactly the shade you want.
HEX vs RGB vs HSL
HEX (#RRGGBB) is the most common notation on the web, RGB describes the three primary colors of light, and HSL (hue, saturation, lightness) is the most intuitive to adjust by hand. The same color is shown in all three formats, so copy whichever one you need.
Need a color from a photo?
If you want a color from an image rather than picking one on screen, use the image color picker. Click anywhere in a photo to extract that exact color.
常见问题
- 可以直接输入HEX值吗？
- 可以，在HEX输入框中输入颜色代码，取色器会自动跳转到对应颜色。
- 和图片取色器有什么区别？
- 这是一个独立的颜色选择工具。图片取色器是从上传的图片中提取颜色的工具。
- 支持哪些颜色模型？
- 使用HSV（色相-饱和度-明度）选择器，输出HEX、RGB、HSL格式的值。
- Can I type in a HEX code?
- Yes. Enter a code in the HEX field and the picker jumps to that color.
- How do I copy a color value?
- Click the displayed HEX, RGB, or HSL value to copy it to your clipboard.