Nuancier du bleu denim sur 5 niveaux

Déclinez le bleu #2F5AA6 en cinq nuances de chaque côté, avec un pas de 10 %.

Plus sombre de 50 %
#182D53
Plus sombre de 40 %
#1C3664
Plus sombre de 30 %
#213F74
Plus sombre de 20 %
#264885
Plus sombre de 10 %
#2A5195
Couleur de départ
#2F5AA6
Plus clair de 10 %
#446BAF
Plus clair de 20 %
#597BB8
Plus clair de 30 %
#6D8CC1
Plus clair de 40 %
#829CCA
Plus clair de 50 %
#97ADD3

Éclaircir revient à mélanger avec du blanc, assombrir avec du noir. Les écrans et les pots de peinture ne rendent jamais exactement la même nuance.

Le cas en détail

Cinq niveaux de chaque côté donnent onze teintes, du bleu nuit au bleu glacé. Un pas de 10 % reste doux ; l'œil distingue bien les marches successives.

À retenir : Pour une palette de site ou d'application, retenez les niveaux 1, 3 et 5 de chaque côté.

L'exemple chiffré

Valeurs utilisées dans ce cas (des exemples, pas des prix ni des mesures relevés) :

  • Couleur de départ : #2F5AA6
  • Nombre de nuances de chaque côté : 5
  • Pas entre deux nuances en % : 10
Plus sombre de 50 %
#182D53
Plus sombre de 40 %
#1C3664
Plus sombre de 30 %
#213F74
Plus sombre de 20 %
#264885
Plus sombre de 10 %
#2A5195
Couleur de départ
#2F5AA6
Plus clair de 10 %
#446BAF
Plus clair de 20 %
#597BB8
Plus clair de 30 %
#6D8CC1
Plus clair de 40 %
#829CCA
Plus clair de 50 %
#97ADD3

Éclaircir revient à mélanger avec du blanc, assombrir avec du noir. Les écrans et les pots de peinture ne rendent jamais exactement la même nuance.

Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.

Comment ça se calcule

Éclaircir de x % revient à rapprocher chaque canal du blanc de x % de l'écart restant. Assombrir de x % multiplie chaque canal par un moins x %. Les canaux sont arrondis à l'entier le plus proche, puis reconvertis en hexadécimal.

Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.

Pour aller plus loin