代码、数据与二维码工具

随机渐变生成器

选择两到六个色标、渐变类型和可选种子。生成的 CSS 是设计起点。

优先本地处理无需注册隐私说明 ↗

相同种子、归一化色标数量和类型会重复结果。无种子时优先使用浏览器密码学随机源,不可用时使用 Math.random。生成颜色是美学选择,不保证文字对比度或无障碍。

使用步骤

如何使用

  1. 输入可选种子,选择色标数量与类型。
  2. 生成并检查渐变预览。
  3. 复制 CSS;剪贴板不可用时手动选择复制。

生成规则

各色标使用0–359°色相、55–84%饱和度、38–67%明度。色标位置均分并取整百分比。线性角度为0–360°,径向使用 circle。

种子与随机性

非空且去除首尾空白的种子驱动本地确定性生成器。无种子时优先使用浏览器密码学随机源,不可用时使用 Math.random。这是设计生成器,不是安全随机生成器。

限制与隐私

数量限制为2–6并向下取整;空值或非数字使用既有3色标值。生成、预览和复制在浏览器中完成,不保证文字对比度或无障碍。

常见问题

你可能还想知道

种子能复现渐变吗?

在同一实现中,种子、归一化数量和类型相同时可以。不同种子也可能相同,不保证唯一性。

保证文字易读吗?

不保证,请在实际设计中检查对比度。