Accueil / Outils de couleur / Générateur de palettes dégradées RVB
Outils en ligne gratuits

Générateur de palettes dégradées RVB

Créez une rampe de couleurs reproductible, prévisualisez chaque étape générée et copiez la séquence HEX exacte pour CSS, graphiques ou jetons de design.

Commencer

Générateur de palettes dégradées RVB

Créez une rampe de couleurs reproductible, prévisualisez chaque étape générée et copiez la séquence HEX exacte pour CSS, graphiques ou jetons de design.

Ce que cet outil vous aide à faire

Créez une rampe de couleurs reproductible, prévisualisez chaque étape générée et copiez la séquence HEX exacte pour CSS, graphiques ou jetons de design.

Exemple concret

Entrée

#2563EB → #EC4899, 5 couleurs

Résultat

#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899

Comment le résultat est produit

Chaque couleur intermédiaire est créée par interpolation linéaire des canaux rouge, vert et bleu. Les extrémités sont conservées et les couleurs restantes sont placées à intervalles égaux.

Flux de travail utiles

  • Créez des couleurs de graphique ordonnées ou des rampes de carte thermique
  • Construisez des couleurs de survol et d'état entre deux jetons de design
  • Produisez une palette compacte pour un dégradé d'arrière-plan

Limites importantes

  • L'interpolation RVB peut paraître plus sombre ou plus terne entre certaines couleurs complémentaires.
  • Une palette à l'aspect lisse n'est pas automatiquement accessible aux daltoniens.
  • Ce générateur produit des couleurs RVB espacées uniformément ; il ne prétend pas à l'uniformité perceptuelle.

Questions fréquentes

Pourquoi le point médian peut-il paraître gris ou terne ?

Les canaux RVB opposés peuvent se moyenner vers une couleur neutre. Ajoutez une couleur intermédiaire appropriée dans un flux de travail CSS multi-étapes lorsque la vivacité visuelle compte.

Combien de couleurs dois-je générer ?

Utilisez le plus petit nombre qui correspond aux états ou aux bandes de données distincts dont vous avez besoin ; les arrière-plans continus peuvent utiliser plus d'étapes.

Le nombre inclut les deux extrémités et vaut 10 par défaut. Les décimales sont supprimées, puis le nombre est limité à 2–100. Les panneaux acceptent HEX, RVB, HSV et HSL, mais le calcul interpole toujours les canaux RVB encodés, arrondis à l’entier. L’aperçu reste à 90°. Aucun point supplémentaire, alpha ou espace colorimétrique à choisir. La sortie contient un HEX par ligne, sans code CSS ni téléchargement d’image.

Le traitement s’effectue localement dans votre navigateur.