Nuances d'un bleu : du clair au foncé
Calculez 6 nuances de bleu entre #DBEAFE et #1E3A8A pour une palette cohérente.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Départ
- #DBEAFE
- Arrivée
- #1E3A8A
- Étapes
- 6
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #DBEAFE | rgb(219, 234, 254) |
| 2 | #B5C7E7 | rgb(181, 199, 231) |
| 3 | #8FA4D0 | rgb(143, 164, 208) |
| 4 | #6A80B8 | rgb(106, 128, 184) |
| 5 | #445DA1 | rgb(68, 93, 161) |
| 6 | #1E3A8A | rgb(30, 58, 138) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Le cas en détail
Les deux extrémités ont la même teinte approximative, l'une très claire, l'autre foncée. Les étapes intermédiaires forment une échelle de bleus cohérente, qui peut servir de fonds, de bordures ou de texte.
À retenir : Vérifiez le contraste de chaque nuance avec le texte prévu : toutes ne s'associent pas.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur de départ : « #DBEAFE »
- Couleur d'arrivée : « #1E3A8A »
- Nombre d'étapes (2 à 16) : 6
- Départ
- #DBEAFE
- Arrivée
- #1E3A8A
- Étapes
- 6
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #DBEAFE | rgb(219, 234, 254) |
| 2 | #B5C7E7 | rgb(181, 199, 231) |
| 3 | #8FA4D0 | rgb(143, 164, 208) |
| 4 | #6A80B8 | rgb(106, 128, 184) |
| 5 | #445DA1 | rgb(68, 93, 161) |
| 6 | #1E3A8A | rgb(30, 58, 138) |
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.