Dégradé du rouge au bleu en 5 étapes
Calculez 5 couleurs entre #FF0000 et #0000FF : le milieu est un violet sombre, #800080.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Départ
- #FF0000
- Arrivée
- #0000FF
- Étapes
- 5
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #FF0000 | rgb(255, 0, 0) |
| 2 | #BF0040 | rgb(191, 0, 64) |
| 3 | #800080 | rgb(128, 0, 128) |
| 4 | #4000BF | rgb(64, 0, 191) |
| 5 | #0000FF | rgb(0, 0, 255) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Le cas en détail
Chaque canal évolue linéairement : le rouge diminue de 255 à 0 tandis que le bleu augmente de 0 à 255. Au milieu, chaque canal vaut environ 128, ce qui donne #800080. Le violet obtenu est plus sombre que les deux extrémités.
À retenir : Pour un dégradé plus lumineux, ajoutez une couleur intermédiaire plutôt que de laisser l'interpolation traverser le sombre.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur de départ : « #FF0000 »
- Couleur d'arrivée : « #0000FF »
- Nombre d'étapes (2 à 16) : 5
- Départ
- #FF0000
- Arrivée
- #0000FF
- Étapes
- 5
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #FF0000 | rgb(255, 0, 0) |
| 2 | #BF0040 | rgb(191, 0, 64) |
| 3 | #800080 | rgb(128, 0, 128) |
| 4 | #4000BF | rgb(64, 0, 191) |
| 5 | #0000FF | rgb(0, 0, 255) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
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.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.