随机渐变生成器
选择两到六个色标、渐变类型和可选种子。生成的 CSS 是设计起点。
使用步骤
如何使用
- 输入可选种子,选择色标数量与类型。
- 生成并检查渐变预览。
- 复制 CSS;剪贴板不可用时手动选择复制。
生成规则
各色标使用0–359°色相、55–84%饱和度、38–67%明度。色标位置均分并取整百分比。线性角度为0–360°,径向使用 circle。
种子与随机性
非空且去除首尾空白的种子驱动本地确定性生成器。无种子时优先使用浏览器密码学随机源,不可用时使用 Math.random。这是设计生成器,不是安全随机生成器。
限制与隐私
数量限制为2–6并向下取整;空值或非数字使用既有3色标值。生成、预览和复制在浏览器中完成,不保证文字对比度或无障碍。
常见问题
你可能还想知道
种子能复现渐变吗?
在同一实现中,种子、归一化数量和类型相同时可以。不同种子也可能相同,不保证唯一性。
保证文字易读吗?
不保证,请在实际设计中检查对比度。