Leonardo

用户无需手动选择十六进制代码，而是定义相对于背景的目标对比度比率。Leonardo 会自动计算达到特定 WCAG 目标所需的颜色值。这消除了无障碍合规性中的猜测，确保文本和 UI 元素在所有生成的色调中保持可读性，无论基准颜色的色相或亮度如何。

Leonardo 利用先进的色彩空间确保色阶在感知上是均匀的。这意味着人眼所感知的色阶步骤差异是一致的，从而避免了线性 RGB 渐变中常见的“条带”效应。这对数据可视化至关重要，因为颜色步骤必须准确代表数据值，而不能产生视觉偏差。

该工具支持创建可实时调整的自适应主题。通过使用关联的 npm 模块，开发者允许终端用户修改整个 UI 的对比度、亮度和饱和度。这提供了高度的包容性，使用户无需单独的“高对比度”样式表即可根据特定需求自定义界面。

Leonardo 包含内置工具，用于评估调色板在各种色觉障碍（包括红色盲、绿色盲和蓝色盲）下的表现。它计算色块之间可测量的色差，允许设计师自动循环切换颜色，以找到对所有用户都保持清晰可辨的组合，确保数据可视化具有普遍的可解释性。

Leonardo 通过将主题导出为标准设计令牌，弥合了设计与开发之间的鸿沟。这些令牌遵循 W3C 工作组规范，使其与现代设计系统兼容。开发者可以直接将这些令牌导入 CSS 或构建流水线，确保设计意图在最终生产代码中得到完美保留。