Passer au contenu
Conception et couleur

Générateur de barre de défilement personnalisé

Choisissez la largeur de la barre de défilement, les couleurs du pouce et de la piste, ainsi que le rayon. Copiez les règles générées, qui couvrent à la fois les propriétés standards et les pseudo-éléments WebKit.

4 min de lecture2026-11-04 mis à jour

Faits clés

Catégorie
Conception et couleur
Prix
Gratuit
Compte
Non requis
Traitement
Dans votre navigateur
Saisir
Fichiers locaux ou données collées
Plate-forme
Navigateurs de bureau et mobiles modernes

Ce que ça fait

Choisissez la largeur de la barre de défilement, les couleurs du pouce et de la piste, ainsi que le rayon. Copiez les règles générées, qui couvrent à la fois les propriétés standards et les pseudo-éléments WebKit.

Barres de défilement de style avec les propriétés CSS WebKit et Firefox.

Comment l'utiliser

Voici la version courte de l'utilisation de Générateur de barre de défilement personnalisé.

  • Définir la largeur et le rayon — De fines barres de défilement conviennent aux barres latérales et aux volets de code.
  • Choisissez le pouce et suivez les couleurs — Gardez suffisamment de contraste pour être visible.
  • Copiez le CSS — Étendez-le à un conteneur si vous ne le souhaitez pas globalement.

Des fonctionnalités qui comptent

Ce que Générateur de barre de défilement personnalisé fait bien.

  • Rien ne quitte votre appareil — Le travail se déroule dans l'onglet de votre navigateur. Il n'y a pas de point final de téléchargement dans cette application, donc vos fichiers et votre texte ne peuvent pas être stockés, enregistrés ou vus par nous.
  • Pas d'attente de téléchargement — Vous évitez complètement l’aller-retour vers un serveur. Les résultats sont limités par votre propre processeur, et non par la vitesse du réseau ou la taille de la file d'attente.
  • Gratuit, pas de compte, pas de quotas — Pas de mur d'inscription, pas de filigrane, pas de limite quotidienne. Les comptes facultatifs existent uniquement pour enregistrer les favoris et les préréglages sur tous les appareils.

Questions fréquemment posées

Mon CSS peut-il être utilisé en toute sécurité ici ?

Oui. Cet outil s'exécute entièrement dans votre navigateur en utilisant JavaScript. Rien de ce que vous collez ou ouvrez n’est envoyé à un serveur et la page n’en conserve aucune copie après sa fermeture.

Dois-je créer un compte ?

Non. Chaque outil est entièrement utilisable sans connexion. Un compte ajoute uniquement des favoris enregistrés et des préréglages réutilisables.

Est-ce que ça marche sur un téléphone ?

Oui. L'interface est avant tout mobile avec de grandes cibles tactiles et une disposition empilée, elle fonctionne donc sur les téléphones et les tablettes ainsi que sur les ordinateurs de bureau.

Est-ce que ça marche dans Firefox ?

Firefox utilise la largeur et la couleur de la barre de défilement, qui sont incluses. Les pseudo-éléments WebKit y sont ignorés.

Dois-je masquer entièrement les barres de défilement ?

Évitez de les masquer sur le contenu déroulant ; cela rend la navigation au clavier et au trackpad plus difficile et peut nuire à l'accessibilité.

Ouvrir Générateur de barre de défilement personnalisé

Essayez-le maintenant : il s'exécute dans votre navigateur et ne nécessite aucun compte.

Ouvrez l'outil