如何用JavaScript根据线性梯度将RGB颜色反推为对应数值？

渐变相关信息 #

HTML线性渐变节点 #

childNodes: NodeList(7)
0: <stop offset="0%" stop-color="#0080ff">​​​
1: <stop offset="7.142857142857142%" stop-color="#00ff00">​​​
2: <stop offset="21.428571428571427%" stop-color="#ffff00">​​​
3: <stop offset="35.714285714285715%" stop-color="#ffa500">​​​
4: <stop offset="57.14285714285714%" stop-color="#ff0000">​​​
5: <stop offset="78.57142857142857%" stop-color="#8A2BE2">​​​
6: <stop offset="100%" stop-color="#800080">

对应JavaScript映射对象 #

myGradient = {
  20: "#0080ff",
  25: "#00ff00",
  35: "#ffff00",
  45: "#ffa500",
  60: "#ff0000",
  75: "#8A2BE2",
  90: "#800080"
}

核心需求 #

如何将RGB颜色值反向推导为对应数值？例如：RGB(255, 124, 0) → 57。

目前搜索到的方案均为线性梯度百分比转RGB的正向实现，找不到逆向推导的方法，恳请解答！

内容的提问来源于stack exchange，提问作者Li Luom