核心结果实时更新
输入数字后即可看到关键结果变化，适合做快速测算和复核。
重点指标同页展示
除了主结果，还会把常见派生指标一起显示，减少来回切换公式。
生成辅助 场景更顺手
选择颜色后实时输出 HEX、RGB、HSL 和 CSS 变量片段，适合前端调试、设计标注和配色记录，全部在浏览器本地完成。
颜色转换 · 浏览器本地处理
颜色选择器与在线转换
输入或选择颜色后实时输出 HEX、RGB、HSL、HSV 和 CSS 变量。颜色值只在浏览器本地解析，不会上传服务器。
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
HSV
hsv(221, 84%, 92%)
CSSVAR
--color-custom: #2563EB;
工具使用说明
怎么用 颜色选择器 在线颜色选择和转换
输入关键数字
把当前场景最核心的数字填进去，先保证输入口径一致。
查看主结果和派生指标
页面会同步输出主结果、差值、比例和批量汇总等辅助信息。
按结果继续复核
先拿结果做第一轮测算，再决定是否要补更细的业务规则。
功能说明
这个工具解决什么问题
颜色选择器 在线颜色选择和转换 适合什么场景
选择颜色后实时输出 HEX、RGB、HSL 和 CSS 变量片段，适合前端调试、设计标注和配色记录，全部在浏览器本地完成。
计算型工具的价值，不只是给一个数字，而是把重复测算和人工复核的时间先省下来。
为什么要把派生指标一起展示
很多业务场景不是只看单个结果，还要顺手看差值、比例、批量汇总等辅助信息。
把这些结果放在同一页里，可以减少来回改公式和重复核算。
常见问题
关于 颜色选择器 在线颜色选择和转换，用户常问这些
颜色选择器 在线颜色选择和转换 适合做正式测算吗？
适合做第一轮快速测算和复核，复杂场景再补业务规则即可。
结果是实时更新的吗？
是。输入数字变化后，主结果和派生指标会同步变化。
计算过程会上传数据吗？
不会。默认按浏览器本地计算设计。
如果公式不够怎么办？
可以先保留当前模板，再根据真实测算口径补更细的公式和限制条件。