Générateur de dégradé CSS

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

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.