341 outils gratuits
Outils en ligne
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
Générez des palettes CSS harmonieuses
Une palette cohérente ne s'improvise pas : elle se déduit d'une couleur de base par des relations de teinte connues, complémentaire, triade, analogues ou tétrade. Cet outil part de votre couleur, applique le schéma choisi et donne six teintes avec leur code hexadécimal, plus les variables CSS prêtes à coller. C'est le point de départ d'une charte : une couleur principale, une couleur d'accent qui s'en distingue franchement, et des nuances proches pour les fonds et les bordures.
Les analogues, teintes voisines, donnent un ensemble calme et sans risque, adapté à une interface. Une complémentaire crée un contraste fort, utile pour un bouton d'action, mais fatigante en grande surface. La triade est plus vive et demande de la discipline : une couleur domine, les autres accompagnent.
Moins qu'on ne croit : une couleur de marque, une couleur d'accent, une échelle de gris et deux ou trois couleurs d'état, succès, avertissement, erreur. La richesse vient des nuances d'une même teinte, pas du nombre de teintes différentes.
Rien ne le garantit : deux couleurs harmonieuses peuvent avoir un contraste insuffisant pour du texte. Passez chaque paire texte/fond dans le vérificateur de contraste avant de valider, en particulier les gris moyens et les jaunes, qui échouent presque toujours.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr