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, sans avoir à saisir leurs valeurs.

La vidéo ci-dessous de conseils sur les outils de développement présente la plupart des fonctionnalités de base pour la création de couleurs. Cependant, depuis la sortie de la vidéo, quelques fonctionnalités ont été implémentées et l'autre a été abandonnée.

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

  • Pour ouvrir le menu du format de couleur, appuyez sur la touche Maj tout en cliquant sur la zone d'aperçu des couleurs à côté d'une valeur de couleur.

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

  • Choisissez une couleur n'importe où sur l'écran grâce à la pipette.

  • Comme le montre la vidéo:

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

  • Comme le montre la vidéo, le panneau CSS Overview (Aperçu CSS) vous offre un aperçu de toutes les couleurs de votre page.

Pour en savoir plus, consultez :