Design et couleurs

Échelle typographique CSS

Échelle typographique CSS — Choisissez des dimensions ou couleurs et vérifiez le résultat. Guide de saisie: Base, Raison géométrique, Quantité. Sans inscription.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Guide de saisie: Base, Raison géométrique, Quantité.
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copier le résultat / Enregistrer le résultat.

À savoir

Vérifiez plages et unités. Les résultats dépendent de vos données et du navigateur.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Base
16
Raison géométrique
1.25
Quantité
6

Résultat d’exemple

:root {
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.8281px;
}
Conditions de saisie

Il s’agit des limites réelles de validation, sans garantie que toute valeur admise soit réaliste ou adaptée à votre situation.

  • Base: Plage admise: 0,000000001 ≤ x ≤ 1 000 000 000 000
  • Raison géométrique: Plage admise: 1 ≤ x ≤ 3
  • Quantité: Plage admise: 1 ≤ x ≤ 16 · Entiers uniquement

Outils associés

Tous les outils