Couleur → système de design
Saisissez une couleur et générez automatiquement une palette, un dégradé et une vérification de contraste AA/AAA.
Couleur → système de design — Un pipeline de couleurs connecté : un code HEX alimente un générateur de palette, dont les couleurs de base et complémentaires alimentent en même temps un vérificateur de contraste (AA/AAA) et un générateur de dégradés CSS. Choisissez une seule couleur et obtenez tout un système de design.
Outils inclus
Convertisseur de couleurs
Convertissez des couleurs entre HEX, RGB et HSL avec un aperçu en direct.
Générateur de palette de couleurs
Générez des nuances, des teintes et des couleurs harmonieuses à partir d'une couleur HEX de base, chacune avec une valeur HEX copiable.
Vérificateur de contraste des couleurs
Vérifiez le rapport de contraste WCAG entre une couleur HEX de premier plan et une couleur de fond, et voyez s'il satisfait AA et AAA pour le texte normal et le grand texte.
Générateur de dégradés CSS
Créez un dégradé CSS linéaire, radial ou conique avec des arrêts de couleur personnalisés et un angle, prévisualisez le résultat en direct et copiez la règle background prête à coller.