HSV转RGB颜色转换工具

请输入逗号分隔的HSV值,如: 120,50,100 (H:0-360, S:0-100, V:0-100)

色相 (H) 180
饱和度 (S) 50
明度 (V) 100

转换结果

颜色预览

点击复制按钮将RGB颜色值复制到剪贴板

工具简介

HSV转RGB颜色转换工具是一个简单实用的在线工具,可以帮助您快速将HSV颜色值转换为RGB格式。

无论您是网页设计师、UI/UX设计师还是前端开发者,这个工具都能帮助您更高效地进行颜色转换工作,特别是在需要将HSV颜色模型转换为屏幕显示的RGB格式时。

主要功能

  • 支持两种输入方式:逗号分隔和分别输入
  • HSV进度条调节,直观选择颜色
  • 实时颜色预览
  • 一键复制RGB结果
  • 响应式设计,适配各种设备

使用教程

  1. 在"HSV逗号分隔输入"框中输入逗号分隔的HSV值,如: 120,50,100
  2. 或在"HSV分别输入"框中分别输入H、S、V值(H:0-360, S:0-100, V:0-100)
  3. 或使用HSV进度条直观地调节颜色值
  4. 点击"转换"按钮或直接按回车键进行转换
  5. 查看转换结果和颜色预览
  6. 点击"复制"按钮将RGB颜色值复制到剪贴板

注意事项

  • 色相(H)的范围是0-360度,饱和度(S)和明度(V)的范围是0-100
  • 使用进度条调节时,输入框的值会自动更新
  • 任何输入方式的变化都会实时更新其他输入方式
  • RGB值以整数形式表示,范围是0到255

颜色知识

HSV颜色模式

HSV颜色模型是一种基于视觉感知的颜色模型,它使用三个参数来描述颜色:色相(Hue)、饱和度(Saturation)和明度(Value)。

色相(H)表示颜色的类型,取值范围是0-360度,形成一个色相环;饱和度(S)表示颜色的纯度,取值范围是0-100%;明度(V)表示颜色的亮度,取值范围是0-100%。HSV模型更符合人类对颜色的感知方式。

RGB颜色模式

RGB颜色模式是一种加色模式,通过红(Red)、绿(Green)、蓝(Blue)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。

每个颜色通道的取值范围是0-255,其中0表示没有该颜色,255表示该颜色的最大值。RGB模式主要用于屏幕显示。

转换示例

红色: HSV(0°, 100%, 100%) → RGB(255, 0, 0)
绿色: HSV(120°, 100%, 100%) → RGB(0, 255, 0)
蓝色: HSV(240°, 100%, 100%) → RGB(0, 0, 255)
黄色: HSV(60°, 100%, 100%) → RGB(255, 255, 0)
白色: HSV(0°, 0%, 100%) → RGB(255, 255, 255)
黑色: HSV(0°, 0%, 0%) → RGB(0, 0, 0)

推荐工具

快速获取颜色RGB、HEX或HSL值