a11y.skipToMainContent
1

颜色拾取器

选择任何颜色并立即看到它的HEX,RGB,HSL,和HSV值. 复制颜色代码,用于CSS,设计,或开发.

Color Formats

HEX
RGB
HSL
HSV
CMYK

Manual Input

Was this tool helpful?
Send output to:
Advertisement

How to use Color Picker

  1. 使用相色轮或输入相色码来选择相色.
  2. 查看HEX,RGB,HSL,和HSV格式的颜色值.
  3. 单击任意值将其复制到剪贴板.
  4. 浏览拾取器下方的颜色和谐 .

{姓名}是什么来着?

这个取色器允许您选择任何颜色并以多种格式查看其值:HEX(#FF5733),RGB(255,87,51),HSL(14,100%,60%)和HSV(14,80%,100%). 用一击复制任意格式。

该工具还显示您所选颜色的互补、相似和三相配色。

Advertisement

FAQ

HEX和RGB有什么区别?
HEX和RGB代表的颜色不同. HEX使用十六进制注解(#FF5733),而RGB则使用十进制值(255,87,51). 两者被广泛用于网络开发.
什么是HSL吗?
HSL代表惠,饱和,光. 这是一种更直观的颜色模型——hue为颜色轮姿势(0-360°),饱和度为多生动(0-100%),而光度为多出亮度(0-100%).

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement