Dégradé entre deux couleurs en plusieurs étapes

Pour une palette de 5 nuances entre un rouge et un bleu, il faut interpoler chaque canal. L'outil calcule toutes les étapes et affiche l'aperçu du dégradé.

Jimenez JulienPar , éditeur de Calepin Binaire · mis à jour le

Départ
#FF0000
Arrivée
#0000FF
Étapes
5
ÉtapeHexadécimalRVB
1#FF0000rgb(255, 0, 0)
2#BF0040rgb(191, 0, 64)
3#800080rgb(128, 0, 128)
4#4000BFrgb(64, 0, 191)
5#0000FFrgb(0, 0, 255)

Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.

Comment ça se calcule

Pour n étapes, la position de l'étape i vaut i / (n - 1), de 0 à 1. Chaque canal (rouge, vert, bleu) est calculé par interpolation linéaire entre la valeur de départ et celle d'arrivée, puis arrondi à l'entier le plus proche.

Questions fréquentes

Pourquoi le milieu paraît-il sombre ?

L'interpolation dans l'espace RVB passe parfois par des couleurs ternes. Entre un rouge et un vert, par exemple, le milieu est un brun peu lumineux.

Combien d'étapes choisir ?

Cinq à neuf étapes suffisent pour une échelle de nuances ; davantage sert surtout à lisser un dégradé affiché.

Cas fréquents

Des exemples déjà remplis, avec leur explication :

Intégrer cet outil sur votre site

Copiez ce code pour afficher l'outil sur votre site ou votre blog. L'outil s'exécute dans le navigateur du visiteur, sans cookie ni suivi, et affiche un lien « Propulsé par Calepin Binaire » vers cette page.

Aperçu de la version intégrable : https://mircode.org/embed/degrade-entre-deux-couleurs-etapes/

Les résultats sont fournis à titre indicatif. Pour aller plus loin, découvrez les sites de la catégorie Sandbox et casse-têtes de l'annuaire et lisez le guide de cette catégorie.

Autres outils

Voir les 35 outils