颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
UD5工具箱
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
选取渐变色,实时预览渐变文字效果并生成background-clip:text代码。
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
根据每行每列的数字提示,填充正确格子,最终显示隐藏图画。
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
传统数图升级为多彩版本,按行列多颜色提示涂色,最终生成彩色像素画。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
给图片添加线性运动方向的模糊痕迹,可调节角度和强度,增强速度感。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
拖拽时间轴,根据太阳高度角模拟天空从日出到日落的颜色渐变背景。
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
上传GIF,减少颜色数量、移除重复帧、调整尺寸以降低文件大小。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
创建带有倾斜裁剪的渐变背景区块,生成CSS clip-path+渐变代码。
录制音频,通过重采样改变播放音高,可调高成卡通音或调低沉。
将图片像素按亮度或色相排序,生成拉伸条状的故障艺术效果。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
将图片转换为像素艺术风格,可调整像素块大小,生成复古像素效果,纯前端Canvas渲染。
等待背景从红变绿瞬间点击,记录毫秒级反应时间,可多次取平均。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。