为拟物界面生成阴影、对比度和可访问性检查项。灵感来自 pascalwengerter/awesome-webtools 中的 Neumorphism Readability Audit 同类在线工具,提供本地化、移动端友好、可复制的工作流输出。
生成拟物 UI 的阴影、对比度和可访问性检查项。
输入背景色,结果将自动更新
输入圆角 px,结果将自动更新
.toolnext-preview .soft-panel {
background: #e5e7eb;
border-radius: 16px;
box-shadow: 8px 8px 16px rgba(0,0,0,.16), -8px -8px 16px rgba(255,255,255,.75);
}
Audit: add visible focus rings, maintain 4.5:1 text contrast, avoid using shadow alone as a state indicator.