Palette & dégradé
Harmonies, nuances et dégradés CSS
Harmonies
Nuances & teintes
Dégradé CSS
Pars d'une seule couleur et obtiens en un clic une palette complète : complémentaire, analogues, triade, tétrade, plus une gamme de nuances du plus clair au plus foncé. Idéal pour cadrer une identité visuelle, choisir des couleurs d'accent cohérentes ou construire un thème d'interface sans tâtonner. Chaque teinte affiche son code hex et se copie d'un clic.
L'outil produit aussi un dégradé CSS (linéaire ou radial, angle réglable, arrêts éditables) avec un aperçu en direct et le code background prêt à coller. Tout est calculé dans ton navigateur : aucune couleur ni image n'est envoyée à un serveur, sans suivi ni publicité.
FAQ
Comment sont calculées les harmonies ?
La couleur est convertie en HSL et on fait tourner la teinte : ±30° pour les analogues, ±120° pour la triade, +90/180/270° pour la tétrade, 180° pour la complémentaire.
Puis-je éditer le dégradé ?
Oui : choisis linéaire ou radial, règle l'angle, modifie chaque arrêt (couleur via le sélecteur ou le champ hex) et ajoute autant d'arrêts que voulu. Le code CSS se met à jour en direct.
Que se passe-t-il si je saisis un hex invalide ?
Un message d'erreur apparaît et la palette précédente reste affichée. Les formats #abc et #aabbcc (avec ou sans #) sont acceptés.
Mes couleurs sont-elles envoyées quelque part ?
Non. Tous les calculs (conversions HSL, harmonies, dégradé) se font localement dans le navigateur. Rien n'est transmis, l'outil marche hors-ligne.