关键信息
- 分类
- Design
- 输入类型
- textarea, select
- 输出类型
- text
- 样本覆盖
- 4
- 支持 API
- Yes
概览
本工具专为专业色彩工作流程设计，可将感知均匀的 LAB 色彩空间值精确转换为更直观的 HSV/HSB 值，便于进行色相、饱和度和明度的调整与操作。
适用场景
- •当您在设计软件（如 Photoshop、Figma）中拥有 LAB 颜色值，但需要在支持 HSV/HSB 的环境（如 CSS、某些编程库）中使用时。
- •当进行色彩校正或匹配，并且需要从设备无关的 LAB 值转换到更易于理解和调整的 HSV 模型时。
- •当您在编程或脚本中处理颜色数据，源数据为 LAB 格式，但后续算法或接口要求输入 HSV/HSB 值时。
工作原理
- •在输入框中粘贴或输入您的 LAB 颜色值，支持多种常见格式，如 `lab(50,0,0)`、`50,0,0` 或 `L:50 A:100 B:100`。
- •从下拉菜单中选择您需要的输出格式，例如标准的 `hsv(0,100%,100%)` 或简化的数值 `0,100,100`。
- •工具内部执行从 CIELAB 色彩空间到 RGB 色彩空间，再到 HSV/HSB 色彩空间的精确数学转换。
- •转换后的 HSV/HSB 结果将立即显示在输出区域，可直接复制使用。
使用场景
UI/UX 设计师将从色彩研究或品牌指南中获取的 LAB 色值，转换为开发人员在 CSS 或前端代码中更常用的 HSL/HSV 格式。
摄影师或图像处理工程师在编写自动化脚本时，将图像分析得到的 LAB 色彩数据转换为 HSV，以便进行基于色相或饱和度的区域选择与调整。
数据可视化开发者将代表特定感知差异的 LAB 值，转换为在图表库中更容易配置和渲染的 HSV 颜色。
用户案例
1. 将品牌主色从 LAB 转换为开发可用格式
前端开发者- 背景原因
- 设计师提供了一个品牌主色的 LAB 值 `lab(53.23, 80.11, 67.22)`，但项目中的主题系统要求使用 HSB 格式。
- 解决问题
- 需要将精确的 LAB 品牌色转换为开发框架支持的 HSB 格式，以确保颜色在代码中准确呈现。
- 如何使用
- 在输入框中粘贴 `lab(53.23, 80.11, 67.22)`，在输出格式中选择 `hsb(0,100%,100%)`。
- 效果
- 得到转换后的 HSB 值 `hsb(19, 93%, 99%)`，可直接用于 CSS 或 JavaScript 代码中。
2. 批量转换色彩采样数据
图像处理研究员- 背景原因
- 从一批产品图片中通过脚本提取了多个关键区域的平均颜色，数据以 LAB 格式存储在文本文件中。
- 解决问题
- 需要将这些 LAB 色值批量转换为 HSV，以便在后续分析中根据色相（H）对颜色进行分类和统计。
- 如何使用
- 将包含多行 LAB 值的文本（如每行一个 `L,A,B`）粘贴到输入框，输出格式选择 `values`。
- 效果
- 获得所有颜色对应的 HSV 数值列表（如 `19,93,99`），便于导入到数据分析工具中按色相区间进行分组。
用 Samples 测试
design相关专题
常见问题
支持哪些 LAB 输入格式？
支持多种灵活格式，包括带标签的 `lab(L,A,B)`、`L:50 A:100 B:100`，以及纯数字逗号分隔的 `50,0,0`。
HSV 和 HSB 有什么区别？
在本工具中，HSV 和 HSB 指的是同一种色彩模型，其中 H 代表色相，S 代表饱和度，V（Value）或 B（Brightness）代表明度/亮度。
转换的精度如何？
转换基于标准的色彩空间数学公式，确保从 LAB 到 HSV 的映射准确可靠，适用于专业色彩工作。
可以一次转换多个颜色吗？
可以。您可以在输入框中每行输入一个 LAB 值，工具将逐行转换并输出对应的 HSV 结果。
为什么需要从 LAB 转换到 HSV？
LAB 是感知均匀的，适合精确的色彩测量和差异比较；而 HSV 更直观，便于人类理解和进行色相偏移、饱和度增减等创意调整。