Web分享API测试 - 调用系统分享面板
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
UD5工具箱
专为数据可视化设计的色盲友好配色方案,支持多种色盲模拟预览,确保您的图表对所有人都清晰可辨。
点击色块复制颜色代码
模拟分组柱状图 — 切换上方色盲模式查看不同视觉下的图表效果
色盲安全配色是指即使在色盲(色觉障碍)人士眼中也能清晰区分的颜色组合。全球约8%的男性和0.5%的女性患有某种形式的色觉障碍,其中红绿色盲最为常见。优秀的配色方案通过选择在色度、亮度上有足够差异的颜色,确保信息传达不受色觉限制。
红色盲(Protanopia)缺乏红色感光细胞,红色看起来更暗;绿色盲(Deuteranopia)缺乏绿色感光细胞,红色和绿色难以区分。两者常被统称为"红绿色盲",但实际感知略有不同。数据可视化中应避免仅依赖红绿对比来传达信息。
Okabe-Ito方案是由日本学者Okabe和Ito于2008年提出的8色色盲安全调色板,被广泛认为是学术论文和数据可视化中的黄金标准。它包含橙色、天蓝、蓝绿、黄、蓝、朱红、红紫和黑色,在各类色盲模拟中均保持良好区分度。
蓝黄色盲(Tritanopia)非常罕见,仅影响约0.001%的人口。它导致蓝色和黄色难以区分。虽然罕见,但在设计无障碍配色时仍值得考虑,尤其是面向全球用户的产品。本工具支持蓝黄色盲模拟,帮助您全面评估配色方案。
一般建议在单个图表中使用5-8种颜色。超过8种颜色后,即使是正常视觉的用户也难以区分。对于色盲安全设计,建议控制在4-6种核心颜色。如果确实需要更多颜色,可以考虑使用图案填充、标签或分组来辅助区分。
可以通过以下方式增强:①添加直接标签而非仅依赖图例;②使用不同线型(实线、虚线、点线);③结合形状标记(圆、方、三角);④确保足够的亮度对比度;⑤使用纹理或图案填充区域。这些方法与色盲安全配色结合使用效果最佳。
ColorBrewer是由Cynthia Brewer教授开发的经典地图配色工具,提供了多种经过色盲测试的配色方案。其Set2定性方案特别适合分类数据可视化,所有颜色在红绿色盲模拟下仍可区分。本工具收录了ColorBrewer Set2方案。
您可以使用本工具的色盲模拟功能预览效果。此外,还可以:①使用在线色盲模拟器(如Coblis);②在Photoshop中使用色盲校样模式;③使用浏览器扩展(如Colorblindly);④请色盲用户进行实际测试。最可靠的方式是结合多种模拟工具交叉验证。
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
使用范围请求安全地检查密码是否出现在已知数据泄露库中(不发送完整密码)。
显示若干张色盲测试图,用户识别数字,判断可能的色觉缺陷类型。
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
展示如何用默认策略将字符串转换为TrustedHTML,并观察禁止直接赋值的安全限制。
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
网页全屏彩色灯光,随麦克风捕捉的音量跳动,制造派对或直播氛围。
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
填入Payload及密钥,选择HS256/RS256算法生成JWT,并验证已签发Token的签名与过期时间。
输入目标URL,发送预检请求,分析Access-Control-*头,诊断跨域问题。
输入 PlantUML 文本,编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
在线Base64URL编码与解码,替换+/-为-/_并去除=填充,专为URL和JWT等场景优化。
随时记录一句话或一张照片,日后随机抽出一张查看,带来惊喜。
在线XML格式化工具,支持XML缩进美化、语法高亮、树形结构查看及格式验证,完全在浏览器中处理。
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
输入部分代码,选择算法自动计算最后一位校验码,用于生成或验证条码。
输入房间尺寸和表面材料吸音系数,简略估算该房间的混响时间。
掷5颗骰子,选择保留哪些,3次机会后填入计分表,自动加总。
播放标准音A后弹奏另一个音,用唱名(do re mi)或音名(CDE)识别音高。
解析JSON Web Token,显示Header和Payload内容及签名算法,不验证签名,方便开发调试。
调用麦克风,以多种样式(波形、频谱、圆环音量)实时显示输入声音。
从麦克风采集声音,用Web Audio实时改变音高、加速、加回声或机器人效果。
使用紧邻插值算法将像素画放大两到三倍而不变模糊,保持锐利边缘。
粘贴package.json内容,调用公开漏洞API(演示数据)检查依赖安全性,警示高危包。
在线ROT13编码与解码,字母位移13位,简单经典的单表置换加密,适用于隐藏轻度敏感文本。
将非ASCII域名(如中文域名)转换为Punycode格式或还原,理解国际化域名编码机制。
使用浏览器SubtleCrypto API实现AES-GCM或AES-CBC加密解密,可设密码短语,全前端安全。
使用主密码和WebCrypto AES加密存储账号密码,数据仅存本地,需主密码解锁查看。
使用 ConvolverNode 或算法混响,模拟不同空间环境的声音混响效果,如浴室、音乐厅。