渐变色板生成器
在两个十六进制颜色值之间生成多步渐变色板。可导出为 CSS、Hex 列表或 CSS 自定义属性。
广告
8
广告
常见问题
什么是渐变色板?
渐变色板是在起始颜色和结束颜色之间均匀插值的一组颜色。每个步骤通过线性混合红、绿、蓝通道计算得出,产生平滑的色调过渡,适用于设计系统、数据可视化和 UI 组件。
如何使用导出的 CSS 渐变?
CSS 导出生成一个 linear-gradient() 值,可直接粘贴到 CSS 背景属性中。Hex 列表给出每个色标的独立颜色代码。CSS 变量导出生成自定义属性声明(--color-0 到 --color-N),可在整个样式表中引用。
为什么中间颜色与预期不同?
插值在 sRGB 色彩空间中进行,这是 CSS 渐变的标准。由于人类色彩感知是非线性的,RGB 中的精确中间点可能看起来比直觉预期更亮或更暗。