Leonardo

HEXコードを手動で選択する代わりに、背景に対する目標コントラスト比を定義します。LeonardoはWCAGの目標値を達成するために必要なカラー値を自動計算します。これによりアクセシビリティ準拠の推測作業が排除され、ベースカラーの色相や明度に関わらず、生成されたすべての色合いでテキストやUI要素の可読性が維持されます。

高度な色空間を利用して、カラースケールの知覚的な均一性を確保します。これは、スケールの各ステップ間の知覚差が人間の目にとって一貫していることを意味し、線形RGBグラデーションでよく見られる「バンディング」現象を防ぎます。これは、色のステップが視覚的なバイアスなしにデータ値を正確に表現する必要があるデータ可視化において極めて重要です。

リアルタイムで調整可能な適応型テーマの作成を可能にします。関連するnpmモジュールを使用することで、開発者はエンドユーザーがUI全体のコントラスト、明度、彩度を変更できるように設定できます。これにより高い包括性が提供され、視覚障害を持つユーザーは個別の「ハイコントラスト」スタイルシートを必要とせず、自身のニーズに合わせてインターフェースをカスタマイズできます。

1型色覚（プロタノピア）、2型色覚（デュテラノピア）、3型色覚（トリタノピア）など、様々な色覚多様性に対してパレットを評価するツールを内蔵しています。スウォッチ間の測定可能な色差を計算し、デザイナーが自動的に色を切り替えてすべてのユーザーにとって識別可能な組み合わせを見つけることを可能にし、データ可視化が普遍的に解釈可能であることを保証します。

テーマを標準的なデザイントークンとしてエクスポートすることで、デザインと開発の橋渡しをします。これらはW3Cワーキンググループの仕様に従っており、最新のデザインシステムと互換性があります。開発者はこれらのトークンをCSSやビルドパイプラインに直接インポートでき、最終的なプロダクションコードにおいてデザインの意図が完全に保持されます。