找到你的颜色
添加最多 8 种颜色，或从参考图片采样。在 RGB、OKLab 和 OKLCH 之间选择混色方式。
让色彩，开始流动。
从一组颜色开始，探索形态、流动与质感。这里是同一个 WebGL 着色器的三组配色。
Core glow · Nested SDF
从灵感，到可用的作品。
塑造流动与质感
探索 13 种算法，调整流动与形态，再叠加颗粒、半调和 ASCII 字符矩阵。
带到下一次创作
导出静态 PNG、MP4 动画，或可嵌入网页的独立 HTML 文件。
六大能力
- 调色板 & 颜色空间最多 8 种颜色，支持 RGB、OKLCH 和 OKLAB 混色。拖拽排序，或从图片采样颜色。
- 形态与流动13 种 GPU 着色器流体算法——从正弦波到卷曲噪声漩涡，再到有符号距离场几何形态。
- 后期处理在渐变上叠加胶片颗粒，支持强度调整和六种混合模式。
- 半调效果半调图案作为 GPU 合成通道渲染。随机抖动和 3 种 Bayer 矩阵 × 6 种点形，支持对比度控制。
- ASCII 字符矩阵全画布字符网格实时响应鼠标位置。7 种字符集，支持自定义文本输入。
- 导出PNG 和固定 30 fps 的 MP4 支持 1×、2×、3× 导出倍率，另可导出零依赖独立 HTML 文件。
13 种算法
每种算法均作为 GLSL 片段着色器在 GPU 上运行。
经典周期
- 正弦/余弦平滑周期波形
- 平滑噪声柔和有机噪声分布
- 线性分层建筑感水平分层
有机混沌
- 分形噪声（FBM）多尺度分层噪声
- 域扭曲大理石 UV 畸变
- 卷曲噪声无散度漩涡流
- 极坐标漩涡宇宙螺旋结构
拓扑几何
- 径向等高线同心环等高线
- 锥形扫描角度极坐标扇区
- 嵌套 SDF 形态SDF 数学几何光晕
扩散
- 3D Liquid Depth程序流体纵深
- 扩散流体图像扭曲混合场
- 程序 SDF多点距离场
多格式导出
PNG
静态资产
全分辨率截图，最低 2× 设备像素比。包含所有激活图层：渐变、半调、ASCII 矩阵和颗粒效果。
MP4
视频循环
以固定 30 fps 离线逐帧编码 H.264，并支持乒乓循环播放。
HTML
嵌入任意页面
包含完整 WebGL 着色器和所有参数的独立文件。直接放入 iframe，零依赖，零构建步骤。
为创作者而生
ui/ux 设计师
为落地页和 Hero 区域生成动态渐变背景。导出 PNG 用于静态设计稿，或导出 MP4 用于提案演示。
前端开发者
导出独立 HTML 通过 iframe 嵌入。一个文件，无构建步骤，在任何 Web 项目中实现全屏动态背景。
品牌设计师
上传品牌参考图片提取主色调，混合生成流体渐变，导出 MP4 用于社交媒体内容。
内容创作者
录制短视频循环，启用乒乓播放实现无缝社交媒体内容。无水印，无使用限制。