色盲友好调色板 - 定性数据配色推荐
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
UD5工具箱
自适应成本因子 · 自动加盐 · 安全哈希生成与验证
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
监测页面加载过程中的布局偏移,定时截图并合成 GIF,直观展示视觉稳定性问题。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
设置每日断网时段,并列出替代的线下活动,辅助减少屏幕时间。
交互式遗传密码轮盘,点击密码子三联体查看对应的氨基酸。
输入移动距离和视口尺寸,手动模拟单个布局偏移的分数计算方式,加深对 CLS 的理解。
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
实现Atbash单表替换密码,即A变Z、B变Y,快速转换字母序列,简单对称加密。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
在勾选读写执行权限和对应的八进制数字、符号(rwx)之间互相转换。
经典的Canny计算机视觉边缘检测算法的前端演示,可调节低高阈值。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
编写正则表达式,在文本中用不同颜色高亮整个匹配和每个捕获组。
支持任意格式颜色输入,计算对比度并显示WCAG 2.1各级别通过情况,含颜色建议。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
选择迭代深度,生成科赫雪花曲线构成的雪花形状,可填充颜色。
输入HEX,从内置的Pantone色库中寻找最接近的彩通色号及名称。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
输入包名,通过NPM Registry API查询是否已被占用,并显示近似的包名建议。
实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码,一键嵌入网站。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
将分子和分母约分为最简分数,同时显示带分数格式及小数近似值。
快速检测系统是否支持特定的URL Scheme(如mailto:、tel:、tg:)。