Comment créer une palette de couleurs dégradées
Choisissez la couleur de départ et celle d’arrivée, en tapant leur code ou avec le sélecteur, et le nombre de nuances voulues entre elles, de 3 à 12. Les couleurs intermédiaires sont calculées dans un espace colorimétrique qui imite la vision humaine (OKLab) : les écarts entre nuances paraissent réguliers et aucun gris terne n’apparaît au milieu.
Palette dégradée ou dégradé continu
Cet outil vous donne des couleurs séparées, chacune avec son code, à utiliser une par une : dans une échelle Tailwind, des graphiques, une présentation ou les sections d’un site. Si vous avez besoin d’un fond qui passe en douceur d’une couleur à l’autre, utilisez le générateur de dégradés CSS.
Questions fréquentes
Qu’est-ce qu’une palette de couleurs dégradées ?
C’est une série de couleurs qui passent peu à peu d’une couleur à une autre. Par exemple, du rose au bleu ciel en 7 étapes. Chaque couleur a son propre code HEX et peut s’utiliser séparément.
Combien de couleurs la palette peut-elle avoir ?
Entre 3 et 12. Avec peu de couleurs, les écarts se voient davantage ; avec beaucoup, la transition est plus douce et vous avez plus de nuances au choix.
Dans quels formats puis-je l’exporter ?
En variables CSS avec le dégradé prêt à l’emploi, en liste de codes HEX, en configuration Tailwind, en JSON, en SVG ou en image PNG. Vous pouvez aussi l’ouvrir dans le générateur de palettes pour continuer à la modifier.
Pourquoi les nuances intermédiaires ne paraissent-elles pas grises ?
Parce que le mélange est calculé en OKLab, un espace colorimétrique conçu pour la vision humaine. Un mélange RGB direct entre des couleurs opposées, comme le rose et le vert, passe par des tons ternes ; en OKLab, la transition est plus nette et plus régulière.
Puis-je partager ma palette ?
Oui. L’adresse de la page enregistre les deux couleurs et le nombre de nuances : il suffit de la copier et de l’envoyer.
Quelle différence avec le générateur de dégradés ?
Le générateur de dégradés crée un fond continu en CSS. Cet outil vous donne les couleurs séparées qui se trouvent entre deux couleurs, pour les utiliser une par une.
Est-ce gratuit ?
Oui, sans inscription et sans limite. Vous pouvez enregistrer vos dégradés préférés avec le cœur ; ils sont conservés dans ce navigateur.