从图片中提取渐变色信息，特别是颜色比例，并非易事。本文将探讨如何从一张具有垂直渐变背景的图片中近似获取其渐变色的颜色比例信息。

图片显示了一个从下到上的渐变效果（to top）。直接精确获取颜色比例比较困难，目前没有工具可以直接读取并提供精确数据。 我们可以采用一种近似方法：

首先，目测确定渐变的起始颜色（底部）和终止颜色（顶部）。然后，使用图像编辑软件（如Photoshop）或在线颜色拾取工具获取这两个颜色的RGB或十六进制值。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

接下来，利用这些颜色值创建CSS线性渐变，方向设置为“to top”：

background-image: linear-gradient(to top, [底部颜色], [顶部颜色]);

将获取到的颜色值替换“[底部颜色]”和“[顶部颜色]”。在浏览器或其他支持CSS的环境中预览该渐变，并与原图对比。如果两者差别很小，则认为该方法获取的颜色比例较为准确。如果差别较大，则需要反复调整颜色值，或尝试添加中间色来更精确地模拟渐变，这需要经验和反复尝试。

请注意，此方法只能得到近似值，无法获得完全精确的颜色比例。