Design et couleurs

Créer des variables CSS

Créer des variables CSS — Saisissez des données et vérifiez leur format ou contenu. Guide de saisie: Nom=valeur (un par ligne). Sans inscription.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Guide de saisie: Nom=valeur (un par ligne).
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copier le résultat / Enregistrer le résultat.

À savoir

Vérifiez d’abord le format de l’exemple. Gardez l’original et contrôlez valeurs, espaces et retours avant utilisation.

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
Nom=valeur (un par ligne)
primary=#0F766E
spacing=16px
radius=12px

Résultat d’exemple

:root {
  --primary: #0F766E;
  --spacing: 16px;
  --radius: 12px;
}

Outils associés

Tous les outils