环境光照度计 - 传感器检测勒克斯
使用设备光线传感器显示当前环境亮度,评估阅读/工作照明是否足够。
UD5工具箱
实时读取设备环境光传感器数据,检测光照强度(lux)
启动传感器或使用模拟模式查看效果
AmbientLightSensor)允许网页读取该传感器的数据,单位为lux(勒克斯)。1 lux等于1流明/平方米,是国际标准的光照强度单位。
| lux范围 | 光照等级 | 典型场景 |
|---|---|---|
| 0 - 1 | 完全黑暗 | 无光源的暗室、深夜户外 |
| 1 - 10 | 极暗 | 月光、烛光、夜灯 |
| 10 - 50 | 昏暗 | 黄昏、较暗的走廊、影院 |
| 50 - 200 | 较暗室内 | 家庭客厅晚间、氛围照明 |
| 200 - 400 | 正常室内 | 办公室、教室标准照明 |
| 400 - 1000 | 明亮室内 | 设计工作室、实验室、商场 |
| 1000 - 10000 | 很亮 | 户外阴天、窗边日光、摄影棚 |
| 10000 - 32000 | 强光 | 户外晴天阴影处 |
| 32000+ | 极强光 | 直射阳光下 |
使用设备光线传感器显示当前环境亮度,评估阅读/工作照明是否足够。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。
开启检测后持续记录超过 50ms 的长任务,列出其持续时间和来源,帮助优化 INP。
上传图片,生成BlurHash字符串和对应的CSS占位图像,用于渐进式加载。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
输入两种颜色,显示它们的灰度值并对比视觉重量,适用于层次设计。
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
改变音频播放速度但保持原音高不变,或同时改变速度与音高(类似磁带)。
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
输入网站URL(需可Iframe或截图),套用色盲滤镜预览实际视觉效果。
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
生成带有 backdrop-filter 模糊效果的半透明玻璃质感UI元素代码。
输入一组数字,分析首位数字分布与本福特定律的吻合程度,用于数据审计。
快速键盘记录分心想法,将其暂存以便后处理,清空大脑内存专注当下。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
输入设计稿像素字号和画布宽度,反向计算出对应的vw单位和fallback。
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。