Astuces DevTools: couleurs de création

Sofia Emelianova
Sofia Emelianova

Les outils de développement vous permettent de créer des couleurs en quelques clics seulement, au lieu de devoir saisir leurs valeurs.

La vidéo de conseils sur les outils de développement suivante présente la plupart des fonctionnalités de base pour la création de couleurs. Cependant, depuis la publication de la vidéo, plusieurs fonctionnalités ont été implémentées et une a été abandonnée.

Pour savoir comment créer rapidement des couleurs, regardez la vidéo et consultez la documentation mise à jour:

  • Pour ouvrir le menu du format de couleur, cliquez en maintenant la touche Maj enfoncée sur la zone d'aperçu de la couleur à côté d'une valeur de couleur.

  • Comme indiqué dans la vidéo, modifiez et copiez des couleurs à l'aide du sélecteur de couleur.

  • Choisissez une couleur n'importe où sur l'écran avec l'outil Pipette.

  • Comme indiqué dans la vidéo:

    • Modifiez les valeurs du dégradé à l'aide de l'horloge angulaire.
    • Utilisez des variables CSS personnalisées comme palette de couleurs.
  • Utilisez le menu de format de couleur pour convertir les couleurs HD et non HD au lieu de modifier le format à l'aide de raccourcis de menu de commande.

  • Comme indiqué dans la vidéo, obtenez un aperçu de toutes les couleurs de votre page avec le panneau CSS Overview (Aperçu CSS).

Pour en savoir plus, consultez les pages suivantes :