颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
UD5工具箱
#70B0F0
#B0D0F0
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
生成带有 backdrop-filter 模糊效果的半透明玻璃质感UI元素代码。
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
选取渐变色,实时预览渐变文字效果并生成background-clip:text代码。
支持二进制、八进制、十进制、十六进制显示和计算,提供AND、OR、XOR、左移右移等位操作。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
选择两个颜色和色彩空间,调整混合比例,实时预览并生成CSS color-mix()函数代码。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
创建带有倾斜裁剪的渐变背景区块,生成CSS clip-path+渐变代码。
传统数图升级为多彩版本,按行列多颜色提示涂色,最终生成彩色像素画。
输入布尔表达式,生成真值表并利用奎因-麦克拉斯基算法化简,适合数字电路设计。
3D地球展示地轴倾角与公转,调节月份直观理解太阳直射点移动如何形成四季。
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。