Material Color Tool

Cet outil génère des palettes de couleurs Material Design à partir d’une couleur de base ou de teintes de départ, produisant des nuances primaires, secondaires, de surface, d’arrière-plan et d’erreur qui s’alignent sur les tokens de couleur Material. Il évalue le contraste avec le texte et les éléments UI pour soutenir des combinaisons accessibles, et propose des variantes clair et sombre pour la parité du thème. Conceptuellement, l’outil mappe les couleurs d’entrée à un système de tokens; il applique une rotation de teinte, des décalages de luminosité et une teinte basées sur l’élévation pour créer des échantillons cohérents. Les sorties incluent des valeurs hexadécimales, RGB(A) et des noms de tokens adaptés aux tokens de design, variables CSS ou exports JSON. Bénéficiaires: concepteurs produit, ingénieurs UI et équipes de design-system qui exigent une marque cohérente et l’accessibilité sur toutes les plateformes. Valeur unique: alignement direct sur les tokens Material, vérifications automatiques de contraste et export facile des palettes et tokens pour l’implémentation. Fonctions clés et cas d’utilisation: entrée de couleur seed; palette générée automatiquement; validation de contraste; versions clair/sombre; export JSON/CSS/YAML; et conseils optionnels sur l’emplacement des tokens dans les interfaces.