原站网页截图，页面可能随时间更新。
- 分类：设计素材与工具
- 名称：Leonardo
- 来源：leonardocolor.io
Leonardo面向需要系统化管理颜色的设计与开发工作，帮助使用者从对比度、明度、色彩差异和视觉均匀性等角度建立可复用的配色方案。它既可用于界面主题，也可用于数据可视化色阶和颜色检查。
适合解决的配色问题
工具可围绕目标对比度生成颜色样本，减少逐一手动检查的工作量；同时，明度输入可以与对比度控制配合使用，使色板既满足可读性要求，也更接近预期的明暗关系。对于设计系统而言，这种方式适合建立具有明确规则的颜色层级，而不是只依赖视觉挑选。
Leonardo还支持检查两种颜色之间的对比度，并考虑带透明度的颜色关系。针对色觉差异，它可以评估不同颜色视觉缺陷类型下的可测色彩差异，帮助发现普通视觉下不明显的区分问题。
公开功能与输出
在主题制作方面，Leonardo支持创建自适应颜色主题，并调整整体亮度、对比度和饱和度，从而用于较短时间内构建明暗模式或其他主题变化。颜色尺度功能覆盖感知上较均匀的连续色阶与发散色阶，也能为数据可视化准备颜色方案。
完成颜色系统后，可以将主题或颜色尺度导出为SVG文件，也可以复制到所使用的设计工具中。面向工程协作时，工具还能提供主题参数、CSS自定义属性，以及符合W3C工作规范的Design Tokens。
常见使用场景
如果正在设计需要较高可读性的用户界面，可先用目标对比度建立基础色板，再通过亮度、对比度和饱和度调整形成主题变化。需要同时照顾不同色觉用户时，可让工具循环处理颜色，生成更适合色觉安全要求的调色板；还可以选择更大的颜色差异，或仅保留达到3:1对比度要求的颜色。
在数据图表中，连续数据适合使用连续色阶，具有正负方向或两端含义的数据则可考虑发散色阶。若产品需要让终端用户自行调整体验，也可以结合其npm模块，让用户改变界面的整体对比度、亮度和饱和度。
上手方式
开始时可先确定目标：是制作界面主题、生成数据可视化色阶，还是检查已有颜色。制作界面主题时，先设定基础颜色及目标对比度，再结合明度控制生成样本；随后检查文字与背景等关键颜色组合，并观察不同色觉差异下的区分效果。
需要交付给设计团队时，可导出SVG或复制颜色结果；需要交付给开发团队时，可使用CSS自定义属性、主题参数或Design Tokens。若要把自适应能力放入产品体验，则需按照工程集成方式使用对应的npm模块。具体参数应根据产品界面、图表含义和可读性要求调整。
可确认的限制与注意事项
颜色生成和分析可以提供对比度、明度、透明度及色彩差异方面的依据，但最终是否适合某个界面，仍取决于文字大小、背景关系、图表语义和实际使用环境。满足某一对比度条件，也不等于所有内容在所有情境下都易于理解。
工具提供色觉安全相关评估和筛选能力，但数据可视化不宜只依靠颜色传达信息；在条件允许时，可结合文字、形状或位置等其他编码方式。若将结果交给工程实现，还需要根据项目现有的设计工具和代码结构选择合适的导出格式。