HSV 输入要求
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。
1. 输入 HSV
可直接选色、使用滑块或粘贴数值。
9
72%
100%
快速预设
2. 实时预览
tomato
tomato
预览原图
rgb(255, 99, 71)
提亮 20%
rgb(255, 130, 108)
加深 20%
rgb(204, 79, 57)
互补
rgb(71, 227, 255)
颜色信息
颜色名称：tomato亮度：56%相对亮度：0.306与白色的对比度：2.95 : 1与黑色的对比度：7.13 : 1
视觉对比
Aa
搭配白字
Aa
搭配黑字
3. 结果
tomato
其他格式
HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
名称tomato
配色方案
你知道吗？
支持 EyeDropper API 的浏览器可直接从屏幕取色。
直接回答
把用于取色器、色相旋转与图形控制的 HSV 转为CSS 颜色名称查找结果，或内置列表中的最近名称，便于易读的 CSS 关键字与便于理解的色样标签。 通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。
这个工具能做什么
把用于取色器、色相旋转与图形控制的 HSV 转为CSS 颜色名称查找结果，或内置列表中的最近名称，便于易读的 CSS 关键字与便于理解的色样标签。 当输入已经是 HSV、下一套系统明确需要 CSS 颜色名称（Colortone） 时使用此专用页面；若要同时查看多种表示，请使用综合转换器。
已验证的功能
解读 COLORTONE 结果
CSS 颜色名称查找结果，或内置列表中的最近名称
检查准确性边界
通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。 再次使用前，请按目标环境的要求核对结果。
适用场景
- 当输入已经是 HSV、下一套系统明确需要 CSS 颜色名称（Colortone） 时使用此专用页面；若要同时查看多种表示，请使用综合转换器。
- 把用于取色器、色相旋转与图形控制的 HSV 转为CSS 颜色名称查找结果，或内置列表中的最近名称，便于易读的 CSS 关键字与便于理解的色样标签。
- HSV → COLORTONE: 易读的 CSS 关键字与便于理解的色样标签.
使用步骤
输入源颜色
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 在“使用步骤: 输入源颜色”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
检查规范化预览
可使用滑块、直接输入、预设色样或可用的系统取色器；预览会显示转换为 COLORTONE 前的规范化结果。
复制目标值
复制 COLORTONE 行；其他格式仅用于对照，本页核心任务仍是 HSV → COLORTONE。
检查准确性边界
通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。 再次使用前，请按目标环境的要求核对结果。 复制 COLORTONE 前先检查预览，以便发现解析错误。
控件说明
HSV 输入要求
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 在“控件说明: HSV 输入要求”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
解读 COLORTONE 结果
CSS 颜色名称查找结果，或内置列表中的最近名称. Colortone 是 AppKiro 对 CSS 颜色名称查找的称呼，并非标准色彩空间；正向匹配使用 RGB 欧氏距离。
结果如何生成
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 工作台先把输入转换为 sRGB 三通道，再格式化为CSS 颜色名称查找结果，或内置列表中的最近名称。HSV 的明值取自最大 RGB 通道，并不等同于感知明度；HSV 也不是独立 CSS 语法。Colortone 是 AppKiro 对 CSS 颜色名称查找的称呼，并非标准色彩空间；正向匹配使用 RGB 欧氏距离。
准确性与限制
- 通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。
- HSV 的明值取自最大 RGB 通道，并不等同于感知明度；HSV 也不是独立 CSS 语法。
- Colortone 是 AppKiro 对 CSS 颜色名称查找的称呼，并非标准色彩空间；正向匹配使用 RGB 欧氏距离。
处理方式与隐私
色值由页面内的本地 TypeScript 函数转换，无需上传到服务器。
实用建议
- 对照舍入后的 COLORTONE 时，请保留原始 HSV 值。
- 复制 COLORTONE 前先检查预览，以便发现解析错误。
问题排查
为什么 HSV 输入无效？
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 在“问题排查: 为什么 HSV 输入无效？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
为什么 HSV 转 COLORTONE 再转回后数值会变化？
通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。 在“问题排查: 为什么 HSV 转 COLORTONE 再转回后数值会变化？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
检查准确性边界
通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。 先重置工具并用已知受支持的值重试，再判断是否为算法错误。
常见问题
什么时候应该使用专门的 HSV 转 COLORTONE 工具？
当输入已经是 HSV、下一套系统明确需要 CSS 颜色名称（Colortone） 时使用此专用页面；若要同时查看多种表示，请使用综合转换器。 在“什么时候应该使用专门的 HSV 转 COLORTONE 工具？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
为什么 HSV 输入无效？
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 在“为什么 HSV 输入无效？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
为什么 HSV 转 COLORTONE 再转回后数值会变化？
通道归一与整数/百分比格式化可能让 HSV → COLORTONE → HSV 往返结果与初始值不同。 在“为什么 HSV 转 COLORTONE 再转回后数值会变化？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
如何选择最接近的 CSS 颜色名称？
Colortone 是 AppKiro 对 CSS 颜色名称查找的称呼，并非标准色彩空间；正向匹配使用 RGB 欧氏距离。 在“如何选择最接近的 CSS 颜色名称？”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
COLORTONE 结果使用什么语法？
CSS 颜色名称查找结果，或内置列表中的最近名称. 易读的 CSS 关键字与便于理解的色样标签. Colortone 是 AppKiro 对 CSS 颜色名称查找的称呼，并非标准色彩空间；正向匹配使用 RGB 欧氏距离。
转换前如何规范化 HSV 输入？
色相用角度输入，饱和度与明值用百分比输入；色相会沿色轮归一。 HSV 的明值取自最大 RGB 通道，并不等同于感知明度；HSV 也不是独立 CSS 语法。
继续颜色工作流
当输入已经是 HSV、下一套系统明确需要 CSS 颜色名称（Colortone） 时使用此专用页面；若要同时查看多种表示，请使用综合转换器。 在“继续颜色工作流”中，此说明专门适用于HSV 转 CSS 颜色名称（Colortone）。
使用相关工具继续
完成专用的 HSV → COLORTONE 转换后，如需继续处理，可打开第一个相关工具。
HEX、RGB、HSL、LAB 与 OKLCH 颜色转换