取色器
选择颜色并将其转换为所有常见的记号方式 — HEX、RGB、RGBA、HSL、HSLA、HSV/HSB 和 CMYK — 用于代码、设计工具和印刷。
输入
选择颜色或直接输入十六进制值。
输出
| 格式 | 数值 |
|---|---|
| No data yet | |
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-picker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"color": "#FF0000"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `color-picker` tool (Color Picker) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/color-picker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="取色器 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
取色器可让您选择任何颜色，并立即以代码、设计工具或印刷所需的每种常见记号方式显示：HEX、RGB、RGBA、HSL、HSLA、HSV/HSB 和 CMYK。使用原生色卡选择色调，或直接输入 HEX 值，转换表会在您工作时实时更新。
为什么有这么多格式？
不同的工具和文件格式期望使用不同的记号方式表示颜色，没有转换是无法互换的：
- HEX (
#464AFF) 是网络上几乎所有地方使用的简写方式 — CSS、HTML 和设计工具。 - RGB (
rgb(70, 74, 255)) 和 RGBA（带有 alpha/不透明度通道）是 CSS、Canvas API 和大多数图形库在底层操作的值。 - HSL (
hsl(239, 100%, 64%)) 和 HSLA 将颜色描述为色相、饱和度和亮度 — 手动调整颜色时最直观的模型（"使其更亮"只需增加 L），常见于设计系统和 CSS 自定义属性。 - HSV/HSB（色相、饱和度、值/亮度）是 Photoshop 和 GIMP 等图像编辑器中大多数颜色选择器使用的模型。
- CMYK（青色、品红色、黄色、键/黑色）是用于印刷生产的减色模型 — 如果您正在将设计发送到印刷厂，他们会要求 CMYK 而不是 RGB。
拥有所有七种记号方式并列意味着当您获得一种格式的颜色并需要另一种格式时，无需查找单独的转换器。
如何使用
- 单击色卡以打开浏览器的原生颜色选择器，或直接在字段中输入 HEX 代码（带或不带前导
#）。 - 表格立即更新，显示相同颜色的 HEX、RGB、RGBA、HSL、HSLA、HSV 和 CMYK 记号方式。
- 从表格的任何行复制值，或使用输出卡的复制/下载操作以 CSV 格式获取整个表格。
3 位简写 HEX (#abc) 和 6 位完整 HEX (#aabbcc) 都可接受；简写在转换前会标准化为其 6 位等效形式。
常见问题
为什么同一颜色的 HSV 和 HSL 百分比不同？ HSL 和 HSV 是从相同 RGB 值构建的两种不同数学模型 — 它们共享色相角但计算饱和度的方式不同，HSL 的"亮度"与 HSV 的"值/亮度"轴不是同一轴。两者都是有效的；您需要哪一个取决于您正在匹配的工具或规范。
为什么 CMYK 是近似值？
RGB→CMYK 转换使用标准朴素公式（K = 1 - max(R,G,B)/255，然后从中推导 C/M/Y）— 大多数在线转换器使用的相同基线。实际的印刷输出也取决于您的打印机墨水配置文件和纸张类型，因此将 CMYK 值视为接近估计值，而不是保证的印刷匹配。
RGBA/HSLA 中的 alpha 通道有意义吗？
选择器始终输出完全不透明度 (1)，因为普通颜色卡没有透明度的概念 — RGBA/HSLA 行只是为您提供了正确的语法，如果您需要特定的 alpha 值可以进行编辑。
隐私
所有颜色转换都在您的浏览器中进行 — 您选择的颜色永远不会发送到服务器或记录到任何地方。