Calculateur nombre d'or (1,618) et échelle typographique

Calculez les sections majeure (61.8%) et mineure (38.2%), générez des échelles typographiques modulaires harmonieuses et des grilles UI parfaites.

Nombre d'or φ : sections 61,8 / 38,2 % et échelle typographique

Le nombre d'or vaut φ = (1 + √5) ÷ 2 ≈ 1,618. Pour partager une longueur, la grande section vaut total ÷ φ (61,8 %) et la petite le reste (38,2 %) : 1 000 px donnent 618,03 px et 381,97 px. L'outil en tire aussi une échelle de tailles de police à partir d'une base de 16 px.

Les formules

  • À partir du total T : grande section A = T ÷ φ, petite section B = T − A.
  • À partir de la grande section A : T = A × φ et B = T − A.
  • À partir de la petite section B : A = B × φ et T = A + B.
  • φ = 1,618033988749895 ; A ÷ T ≈ 61,8 % et B ÷ T ≈ 38,2 %, quelle que soit l'unité choisie (px, rem, mm ou %), qui sert uniquement d'étiquette.

Échelle typographique

Chaque niveau multiplie la taille de base par une puissance de φ, arrondie au pixel : φ2,5 pour le titre d'affichage, φ2 pour H1, φ1,5 pour H2, φ pour H3, φ0,5 pour le chapeau, 1 pour le texte courant et 1 ÷ φ pour les légendes. L'équivalent en rem est la taille divisée par la base.

Exemple recalculé

Largeur de 1 000 px : contenu principal de 618,03 px et barre latérale de 381,97 px. Avec une base de 16 px, l'échelle donne 53, 42, 33, 26, 20, 16 et 10 px. Les nombres de Fibonacci (…, 34, 55, 89, 144…) convergent vers φ : 144 ÷ 89 = 1,6180.

Limites

  • Le nombre d'or est une proportion esthétique parmi d'autres, sans valeur de norme : une échelle de rapport 1,618 grandit vite, et un H1 de 42 px peut être trop grand sur mobile.
  • Les tailles arrondies au pixel s'écartent légèrement de la proportion exacte.
  • La légende de 10 px reste sous les 12 px souvent conseillés pour la lisibilité ; augmentez la base si besoin.

Questions fréquentes

Comment diviser une largeur selon le nombre d'or ?

Divisez la largeur par 1,618 pour obtenir la grande partie, puis retranchez-la du total pour la petite. Pour 1 200 px : 741,6 px et 458,4 px, soit 61,8 % et 38,2 %.

Quelle est la valeur exacte du nombre d'or ?

φ = (1 + √5) ÷ 2 = 1,6180339887… C'est le seul nombre positif dont l'inverse vaut lui-même moins 1 : 1 ÷ φ = 0,618.

Quel lien entre la suite de Fibonacci et le nombre d'or ?

Le rapport entre deux termes consécutifs de la suite (1, 1, 2, 3, 5, 8, 13…) tend vers φ. Dès 89 et 144, il vaut 1,6180, juste au quatrième chiffre après la virgule.

Quelle taille de titre donne une échelle fondée sur φ ?

Avec un texte de 16 px, un H3 mesure 16 × 1,618 ≈ 26 px et un H1 16 × 1,618² ≈ 42 px. Avec un texte de 18 px, le H1 atteint 47 px.

L'outil est-il vraiment gratuit ?

Oui, l'intégralité des outils sur Kristools sont 100% gratuits et accessibles sans inscription.

Mes données sont-elles protégées ?

Oui. Tous les traitements sont effectués directement et en toute sécurité dans votre navigateur. Aucune donnée personnelle n'est envoyée vers nos serveurs.