☀️
输入 - Light Mode HTML
Light
🌙
输出 - Dark Mode HTML
Dark
智能区分浅色/深色，保持深色元素风格，融合视觉感知科学
输入 HTML 后显示预览
转换后显示预览
| 原始颜色 | 处理策略 | 目标范围 |
|---|---|---|
中等浅色背景 L ∈ [0.5, 0.85] |
贝塞尔曲线映射，保留层次 | L' ∈ [0.28, 0.40] |
高明度浅色背景 L ∈ [0.85, 1.0] |
贝塞尔曲线映射，确保可见 | L' ∈ [0.20, 0.28] |
深色背景 L ≤ 0.5 |
保持不变，确保最小对比度 | |L' - 0.08| ≥ 0.10 |
深色文字 L ≤ 0.5 |
反转到浅色 + H-K 效应补偿 | L' ∈ [0.60, 0.95] |
浅色文字 L > 0.5 |
保持不变 + H-K 效应补偿 | |Lc| ≥ 60 |
| 语义色背景 | 降低明度时提升色度 | C' = C × √(L/L') |
| 🔬 视觉感知科学 | ||
| H-K 效应 | 高饱和度颜色感知更亮，需降低饱和度避免刺眼 | C' = C × (1 - k×√(L-0.6)) |
| Weber-Fechner | 人眼对亮度感知是对数关系，暗处更敏感 | S 形贝塞尔曲线符合此特性 |