Échelle de gris du noir au blanc en 9 étapes
Calculez 9 nuances de gris entre #000000 et #FFFFFF, espacées régulièrement.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Départ
- #000000
- Arrivée
- #FFFFFF
- Étapes
- 9
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #000000 | rgb(0, 0, 0) |
| 2 | #202020 | rgb(32, 32, 32) |
| 3 | #404040 | rgb(64, 64, 64) |
| 4 | #606060 | rgb(96, 96, 96) |
| 5 | #808080 | rgb(128, 128, 128) |
| 6 | #9F9F9F | rgb(159, 159, 159) |
| 7 | #BFBFBF | rgb(191, 191, 191) |
| 8 | #DFDFDF | rgb(223, 223, 223) |
| 9 | #FFFFFF | rgb(255, 255, 255) |
Interpolation linéaire dans l'espace RVB : simple et prévisible, mais pas parfaitement uniforme à l'œil.
Le cas en détail
Chaque étape ajoute environ 32 niveaux sur 255 à chaque canal. Les teintes sont toutes des gris puisque les trois canaux valent la même chose. Une telle échelle sert à définir des fonds, des bordures et des textes secondaires.
À retenir : Donnez un nom à chaque étape (gris 100, 200...) : cela facilite le choix de combinaisons contrastées.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur de départ : « #000000 »
- Couleur d'arrivée : « #FFFFFF »
- Nombre d'étapes (2 à 16) : 9
- Départ
- #000000
- Arrivée
- #FFFFFF
- Étapes
- 9
| Étape | Hexadécimal | RVB |
|---|---|---|
| 1 | #000000 | rgb(0, 0, 0) |
| 2 | #202020 | rgb(32, 32, 32) |
| 3 | #404040 | rgb(64, 64, 64) |
| 4 | #606060 | rgb(96, 96, 96) |
| 5 | #808080 | rgb(128, 128, 128) |
| 6 | #9F9F9F | rgb(159, 159, 159) |
| 7 | #BFBFBF | rgb(191, 191, 191) |
| 8 | #DFDFDF | rgb(223, 223, 223) |
| 9 | #FFFFFF | rgb(255, 255, 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.