Grabient 是一个用于浏览和编辑配色方案的在线工具。官网以“Popular palettes”展示热门配色，每个方案都包含起始色、结束色、样式、颜色数量和角度等信息，并提供进入编辑页面的入口。当前页面列出了 linear gradient、linear swatches 和 angular swatches 等不同类型，编辑结果还可以通过 CSS、SVG 和 PNG 形式使用。与只展示静态配色的页面相比，Grabient 的内容直接提供了可编辑方案及其具体参数，例如 3、5、7 或 13 种颜色，以及 45、90、135 度等角度设置。
核心功能
浏览热门配色
首页以“Popular palettes”集中呈现配色方案，并按编号列出多组内容。每组方案都显示一对十六进制颜色，例如“#df3000 to #3a0005”或“#7b84ff to #aeff6f”，用户可以从颜色组合本身快速识别方案的大致范围。
编辑渐变方案
页面提供“Edit”入口，用户可以打开具体配色进行编辑。官网示例中包含从一个颜色过渡到另一个颜色的 linear gradient，并明确写出方案使用的颜色数量，如 3 colors、7 colors 和 13 colors。
使用色阶色板
Grabient 同时展示 linear swatches 类型的方案。这类方案同样以起止十六进制颜色表示，并配有颜色数量信息，官网示例包括 5、7 和 13 种颜色，可用于查看由两个颜色扩展出的多色组合。
使用角度色板
官网还列出 angular swatches 类型的配色方案。相关示例带有 angle=45 参数，并将“angular swatches with 13 colors”直接标注在方案名称中，说明该类型同时涉及角度和色板颜色数量。
导出配色结果
方案条目旁提供 CSS、SVG 和 PNG 三种输出选项。官网正文只明确列出这些格式名称，没有进一步说明导出的具体内容、文件结构或下载方式，因此使用时应以编辑页面实际提供的选项为准。
使用方式
官网正文展示的是带有“Edit”链接的热门配色列表。用户可从列表中选择方案并进入对应编辑页面，方案链接中包含 style、steps 和 angle 等参数；其中 style 用于区分 linearGradient、linearSwatches 和 angularSwatches，steps 对应颜色数量，angle 对应角度。页面同时列出 CSS、SVG、PNG 输出选项。正文没有提到注册要求、客户端、浏览器插件、API、命令行工具或自备模型 Key。
适用人群与场景
需要查找配色起点的设计师可以浏览热门方案，按起止颜色和样式选择渐变或色板。制作网页样式的用户可以关注 CSS 输出选项；需要矢量或图片格式结果的用户可以查看 SVG 和 PNG 选项。需要调整颜色数量或方向的用户，可选择带有 3、5、7、13 colors 以及 45、90、135 angle 参数的方案进入编辑页面。
