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 contraste WCAG 2.1 et le score APCA Lc entre texte et fond, voyez les badges AA, AAA et 3:1 et appliquez la couleur conforme la plus proche.
Générateur de dégradés CSS
Créez des dégradés CSS linéaires, radiaux et coniques avec une barre d’arrêts déplaçable, des couches, des palettes aléatoires et une règle prête à copier.