输入
颜色在色环上的位置,以度数表示(0-360)。
颜色的鲜艳程度,从 0%(灰色)到 100%(全色)。
明亮程度,从 0%(黑色)到 100%(最亮)。
输出
| 属性 | 数值 |
|---|---|
| No data yet | |
您的颜色将显示在这里。
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hsv-to-rgb-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hue": "0",
"saturation": "100",
"value": "100"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `hsv-to-rgb-converter` tool (HSV to RGB Converter) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/hsv-to-rgb-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HSV 转 RGB 转换器 — 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 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
将 HSV 颜色——色相(Hue)、饱和度(Saturation)和明度(Value,也称 HSB,其中 B 指亮度 Brightness)——转换为您在 CSS、设计工具和代码中使用的 RGB 和 HEX 值。拖动三个滑块,RGB 字符串、HEX 代码、分通道数值以及实时颜色预览都会立即更新。
什么是 HSV 颜色空间?
HSV 按人们通常理解颜色的方式来描述颜色,而不是描述红、绿、蓝光的混合。它有三个分量:
- 色相 (Hue, H) — 基础颜色,以色环上的角度表示,范围从 0 到 360 度。0° 是红色,120° 是绿色,240° 是蓝色,到 360° 又回到红色。
- 饱和度 (Saturation, S) — 颜色的鲜艳或"纯正"程度,从 0%(一种灰色)到 100%(完全鲜艳的颜色)。
- 明度 / 亮度 (Value / Brightness, V) — 颜色的明亮程度,从 0%(黑色)到 100%(在给定色相和饱和度下可达到的最亮状态)。
由于色相、鲜艳度和亮度彼此分离,HSV 在取色器和图像编辑器中很受欢迎:您可以只调整其中一个属性——例如让颜色稍微降低饱和度——而不影响其他属性。相比之下,RGB 是屏幕和样式表原生使用的格式,因此在两者之间转换是日常中的常见任务。
如何使用此工具
- 设置 色相 滑块(0–360°),选择基础颜色。
- 调整 饱和度(0–100%),设置颜色的鲜艳程度。
- 调整 明度 / 亮度(0–100%),设置颜色的明暗。
输出会自动更新。您将获得:
- 可直接粘贴到 CSS 中的
rgb(r, g, b)字符串, - 对应的
#RRGGBB十六进制代码, - 列出每个通道数值的表格,以及
- 颜色色块预览(附带可复制的 HTML)。
使用复制按钮即可获取任意数值。
转换原理
此工具使用标准的 HSV 转 RGB 算法。色环被划分为六个 60° 的扇区;在每个扇区内,两个通道保持固定,另一个通道线性变化,并按饱和度和明度进行缩放。结果会四舍五入为 0 到 255 的整数通道值。几个参考点可以验证计算:H0/S100/V100 得到纯红色 rgb(255, 0, 0),H120 得到纯绿色,H240 得到纯蓝色,S0/V50 得到中灰色 rgb(128, 128, 128)。
HSV 和 HSB、HSL 是同一种东西吗?
HSV 和 HSB 是同一模型的两个名称。HSL(色相 Hue、饱和度 Saturation、明度 Lightness)则是另一种模型——它的明度轴与 HSV 的明度表现不同,因此两者不能互换。
我的颜色数据会离开我的设备吗?
不会。转换完全在您的浏览器中进行——您输入的任何内容都不会被上传或存储。
输出的是哪种十六进制格式?
大写的六位 #RRGGBB 十六进制代码,不含透明度(alpha)通道(HSV 没有透明度分量)。