You need to enable JavaScript to run this app. CodePen Liquid Rainbow Script如何调整为纯紫色系色阶?
优惠活动
大模型
产品
解决方案
定价
更多

CodePen Liquid Rainbow Script如何调整为纯紫色系色阶?

纯紫色系适配的Liquid Rainbow 脚本调整方案
  • 彩虹效果的核心生成逻辑:原Liquid Rainbow脚本的全彩色效果,是将动态变化的位置、时间参数直接映射到0-360°全色相环,遍历所有色相生成流动彩虹感,这是出现非紫色颜色的根本原因。
  • 第一步修改核心色相逻辑
    定位脚本中所有计算色值的代码段,将原本跨全色相范围的计算规则,替换为紫色专属的色相区间取值:紫色对应的HSB色相范围为240°-300°,可以把基础锚定值设为270°,所有动态浮动的色相范围严格控制在这个区间内。注意:色相浮动绝对不要超出这个边界,超过300°会偏红、低于240°会偏蓝,直接跳出紫色系范围。
  • 第二步做层次区分,不依赖色相跨度实现深浅变化
    想要做出有流动感的深浅紫色层次,不需要拉宽色相范围,直接在固定色相的基础上调整两个视觉维度即可:
    • 明度梯度:覆盖从20%明度的深紫到90%明度的浅紫范围,对应脚本中不同位置的流动元素,做出通透的层叠效果
    • 饱和度调整:覆盖从20%饱和度的灰紫到100%饱和度的艳紫范围,避免所有紫色色调完全雷同,丢失流动的动态感
  • 调试细节提示:不要把原脚本中驱动色彩流动的动态偏移量,绑定到全色相环的旋转逻辑上,可以将偏移量直接绑定到同色相下的明度、饱和度变化上,既完整保留原脚本的流动动态效果,又能全程维持统一的紫色系视觉风格。

内容的提问来源于stack exchange,提问作者Blnukem

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.11.05 21:06:04