Share via

Couleur personnalisée, onglet de la boîte de dialogue Sélecteur de couleurs

  • Article

Mise à jour : novembre 2007

Pour créer une couleur personnalisée, faites glisser les curseurs des couleurs primaires rouge, vert et bleu jusqu'à ce que la couleur souhaitée apparaisse dans le champ Aperçu. Son code couleur RVB, affiché dans le champ Couleur, sera inséré dans la définition de style de votre feuille de style en cascade (CSS) à la fermeture de la boîte de dialogue Générateur de styles.

Remarque :

Une couleur personnalisée est affichée à l'aide des paramètres d'affichage en cours de votre écran. Elle peut paraître différente sur l'écran ou le navigateur Web d'un autre utilisateur. Vous pouvez réserver l'utilisation de couleurs personnalisées à des projets Web destinés à des groupes d'utilisateurs qui partagent des paramètres d'affichage communs et prévisibles.

Par exemple, lorsque vous modifiez une feuille de style CSS, placez le curseur entre les accolades ( { } ) d'un style CSS correspondant au style INPUT.button, sélectionnez Arrière-plan dans la boîte de dialogue Générer un style, puis cliquez sur le bouton de sélection (...) situé à côté du champ Couleur pour ouvrir la boîte de dialogue Sélecteur de couleurs. Dans son onglet Couleur personnalisée, conservez les valeurs par défaut (255) des curseurs Rouge et Vert et faites glisser le curseur Bleu vers la gauche jusqu'à atteindre la valeur 102.

Remarque :

Le champ Aperçu affiche un jaune vif et le code couleur RVB #ffff66 apparaît dans le champ Couleur, équivalent de 255,255,102.

Quand vous fermez la boîte de dialogue Générateur de styles, la paire attribute:RGBcolor suivante est insérée entre les accolades ({ }) de votre style :

INPUT.button { background-color: #ffff66; }

Une couleur sélectionnée sur un onglet de la boîte de dialogue Sélecteur de couleurs est automatiquement sélectionnée sur tous les onglets. Dans ce cas, une couleur jaune vif identique est sélectionnée sous l'onglet Palette Web, et le code RVB #ffff66 apparaît dans le champ Couleur. Ce jaune particulier est une couleur sécurisée Web.

Pour accéder à cette boîte de dialogue

  1. Dans Microsoft Visual Web Developer, en mode Design, sélectionnez un contrôle ou un élément HTML qui restitue la balise (par exemple un contrôle Table ou un bouton <input> HTML).

  2. Ouvrez la boîte de dialogue Générateur de styles en exécutant l'une des actions suivantes :

    • En mode Design, sélectionnez le contrôle ou l'élément, cliquez sur Format, puis cliquez sur Style.

    • En mode Design, cliquez avec le bouton droit sur le contrôle ou l'élément et cliquez sur Style.

    • Sélectionnez le contrôle ou l'élément, sélectionnez sa propriété Style dans la fenêtre Propriétés, puis cliquez sur le bouton de sélection (...).

    • Si vous travaillez dans la fenêtre Styles du document, sélectionnez un Élément, une Classe ou un ID de l'élément, puis choisissez l'icône Générer un style.

    • Si vous modifiez une feuille de style CSS, placez le point d'insertion entre les accolades ({ }) d'un style CSS et, dans le menu Style, choisissez Générer un style.

    La boîte de dialogue Générateur de styles s'ouvre.

  3. Sélectionnez un des onglets de la boîte de dialogue Générateur de styles qui contient une liste déroulante Couleur et cliquez sur le bouton de sélection (...) situé à côté de la zone.

    La boîte de dialogue Sélecteur de couleurs s'ouvre.

  4. Cliquez sur l'onglet Couleur personnalisée.

Tâches

Éléments d'interface

  • Rouge
    La valeur par défaut est 255 (rouge maximal). Faites glisser le curseur Rouge vers la gauche pour réduire le niveau de rouge dans votre couleur personnalisée. La valeur minimale est 0 (pas de rouge).

  • Vert
    La valeur par défaut est 255 (vert maximal). Faites glisser le curseur Vert vers la gauche pour réduire le niveau de vert dans votre couleur personnalisée. La valeur minimale est 0 (pas de vert).

  • Bleu
    La valeur par défaut est 255 (bleu maximal). Faites glisser le curseur Bleu vers la gauche pour réduire le niveau de bleu dans votre couleur personnalisée. La valeur minimale est 0 (pas de bleu).

  • Aperçu
    Tandis que vous faites glisser les curseurs, le volet de visualisation affiche la couleur obtenue.

  • Couleur
    Affiche le code RVB hexadécimal de la couleur obtenue.

  • OK
    Ferme la boîte de dialogue Sélecteur de couleurs et ajoute la paire attribute:color sélectionnée au balisage CSS qui sera inséré lors de la fermeture de la boîte de dialogue Générateur de styles.

Voir aussi

Concepts

Contrôles serveur Web ASP.NET et styles CSS

Référence

Palette Web, onglet de la boîte de dialogue Sélecteur de couleurs

Couleurs nommées, onglet de la boîte de dialogue Sélecteur de couleurs

Couleurs système, onglet de la boîte de dialogue Sélecteur de couleurs