暗色模式适配

导入浅色模式色值,自动推导对应的深色模式色值——适合亮 / 暗主题配对工作流
名称 浅色模式 角色 深色模式
主题预览

暗色模式配色使用说明

暗色模式色板自动生成工具,将亮色模式配色方案转换为视觉舒适的Dark Mode配色,基于感知亮度反转,保持色相识别度和视觉层次。 转换基于感知亮度模型反转,而不是简单的颜色反相,所以色相识别度和视觉层次都能保留下来。

适合已经有一套成熟的亮色模式配色、现在需要补一版暗色模式的项目,省去从零重新设计暗色主题的时间。

常见问题

  • 怎么把亮色色板转成暗色模式? 载入亮色,工具按感知亮度重新映射,生成舒适的暗色主题,而非简单反相。
  • 暗色模式为什么不能直接反相? 纯反相会翻转色相、亮度过冲,产生刺眼震动的颜色。好的暗色模式降低表面亮度,同时保持点缀可读。
  • 暗色模式文字该用纯白吗? 不该——纯白在深色背景上会刺眼。略微偏灰的白(约 87% 亮度)长时间阅读更护眼。