Leonardo

使用者無需手動選擇 Hex 代碼，而是定義相對於背景的目標對比度比率。Leonardo 會自動計算達到特定 WCAG 目標所需的顏色值。這消除了無障礙合規性中的猜測，確保文字與 UI 元素在所有生成的色階中皆保持可讀性，無論基礎顏色的色相或亮度為何。

Leonardo 利用先進的色彩空間確保色彩比例尺在感知上是均勻的。這意味著比例尺中各步驟間的感知差異對人眼而言是一致的，避免了線性 RGB 漸層中常見的「條帶」效應。這對於資料視覺化至關重要，因為色彩步驟必須準確呈現資料值，而不能產生視覺偏差。

該工具支援建立可即時調整的適應性主題。透過相關的 npm 模組，開發者能讓終端使用者修改整個 UI 的對比度、亮度和飽和度。這提供了高度的包容性，讓視障使用者能根據特定需求自訂介面，而無需額外的「高對比度」樣式表。

Leonardo 內建評估調色盤對抗各種色覺障礙（包括紅色盲、綠色盲與藍色盲）的工具。它能計算色塊間可測量的色彩差異，讓設計師自動循環切換顏色以找出對所有使用者皆能保持區分的組合，確保資料視覺化具備普遍的可解讀性。

Leonardo 透過將主題匯出為標準設計代幣，彌合了設計與開發之間的差距。這些代幣遵循 W3C 工作小組規範，使其與現代設計系統相容。開發者可直接將這些代幣匯入 CSS 或建置管線，確保設計意圖在最終生產程式碼中得到完美保留。