{"id":4107,"date":"2020-08-18T11:18:09","date_gmt":"2020-08-18T09:18:09","guid":{"rendered":"https:\/\/www.combell.com\/fr\/help\/?post_type=ht_kb&p=4107"},"modified":"2022-04-27T17:58:12","modified_gmt":"2022-04-27T15:58:12","slug":"utilisation-du-selecteur-de-couleurs","status":"publish","type":"ht_kb","link":"https:\/\/www.combell.com\/fr\/help\/kb\/utilisation-du-selecteur-de-couleurs\/","title":{"rendered":"Utilisation du s\u00e9lecteur de couleurs"},"content":{"rendered":"
\n
\n
\n
\n

Le s\u00e9lecteur de couleurs<\/span> est la fonction de votre \u00e9diteur qui permet de g\u00e9rer la palette de couleurs du texte, du fond, des calques et d’autres \u00e9l\u00e9ments. Vous pouvez choisir une couleur dans la palette, saisir une valeur HEX ou RVB, ou m\u00eame cr\u00e9er un d\u00e9grad\u00e9 personnalis\u00e9. La fonctionnalit\u00e9 Couleurs r\u00e9centes vous aidera \u00e0 garder une certaine coh\u00e9rence dans le choix des couleurs et \u00e0 parvenir \u00e0 un r\u00e9sultat professionnel sur votre site.<\/p>\n

Travailler avec le s\u00e9lecteur de couleurs<\/span>, c’est profiter des options suivantes :<\/p>\n

\"s\u00e9lecteur<\/p>\n

Style de couleur<\/h3>\n

Avant de choisir le jeu de couleurs, vous devez choisir o\u00f9 vous voulez utiliser \u00ab\u00a0une seule couleur\u00a0\u00bb ou \u00ab\u00a0un d\u00e9grad\u00e9\u00a0\u00bb.<\/p>\n

Si vous utilisez l’option \u00ab\u00a0couleur unique\u00a0\u00bb, vous pouvez choisir une couleur \u00e0 partir de l’onglet Couleurs r\u00e9centes ou passer \u00e0 Choisir une autre couleur.<\/p>\n

L’arri\u00e8re-plan en d\u00e9grad\u00e9 fait partie des options disponibles pour les calques d’images et les arri\u00e8re-plans de ligne, de colonne et de widget. Pour appliquer un d\u00e9grad\u00e9, assurez-vous de :<\/p>\n

    \n
  • Choisir les 2 couleurs des points de d\u00e9grad\u00e9\n
      \n
    • Vous pouvez inverser les couleurs pour ajuster le positionnement des points.<\/li>\n<\/ul>\n<\/li>\n
    • Choisir un sens de d\u00e9grad\u00e9\n
        \n
      • L’option centrale g\u00e9n\u00e9rera un d\u00e9grad\u00e9 radial.<\/li>\n
      • Les options lat\u00e9rales cr\u00e9eront un d\u00e9grad\u00e9 lin\u00e9aire.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

        Couleurs enregistr\u00e9es<\/h3>\n

        Enregistrez les couleurs qui sont fr\u00e9quemment utilis\u00e9es sur votre site en les ajoutant \u00e0 la liste des couleurs enregistr\u00e9es dans le s\u00e9lecteur de couleurs.<\/p>\n

        Pour ajouter une couleur aux couleurs enregistr\u00e9es, cliquez sur l’onglet \u00ab\u00a0Couleurs enregistr\u00e9es\u00a0\u00bb dans le s\u00e9lecteur de couleurs, puis s\u00e9lectionnez l’ic\u00f4ne \u00ab\u00a0+\u00a0\u00bb. Pour supprimer une couleur de la liste des couleurs enregistr\u00e9es, cliquez sur la couleur avec le bouton droit de la souris et s\u00e9lectionnez \u00ab\u00a0Supprimer\u00a0\u00bb.<\/p>\n

        \n
        \t\t
        \r\n \t\t\t \t\t\t \t\t\t\t

        \r\n \t\t\t\t\tRemarque: Vous pouvez enregistrer jusqu’\u00e0 48 couleurs et d\u00e9grad\u00e9s dans la liste des couleurs enregistr\u00e9es. \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t<\/div>\n<\/div>\n

        Couleurs r\u00e9centes<\/h3>\n

        Lorsque vous s\u00e9lectionnez une couleur, le menu Recent colors (Couleurs r\u00e9centes) affiche un \u00e9chantillon des couleurs qui ont \u00e9t\u00e9 r\u00e9cemment utilis\u00e9es sur votre site. Cela vous permet de s\u00e9lectionner rapidement des couleurs qui sont d\u00e9j\u00e0 sur votre site.<\/p>\n

        S\u00e9lection d’une autre couleur<\/h3>\n

        S\u00e9lectionnez une nuance de couleur \u00e0 l’aide de la palette de couleurs \u00e0 droite ou \u00e0 l’aide du panneau de couleurs. Vous pouvez \u00e9galement saisir la valeur du code HEX ou RVB de la couleur que vous souhaitez dans la zone de texte sous le d\u00e9grad\u00e9 de couleurs vertical.<\/p>\n

        Opacit\u00e9<\/h3>\n

        Le curseur d’opacit\u00e9 d\u00e9termine la transparence d’un \u00e9l\u00e9ment. N’oubliez pas que lorsque vous r\u00e9duisez l’opacit\u00e9 d’un \u00e9l\u00e9ment, tout ce qui se trouve derri\u00e8re (image ou couleur d’arri\u00e8re-plan) commence \u00e0 se m\u00e9langer \u00e0 cet \u00e9l\u00e9ment.<\/p>\n

        Remarques<\/h2>\n
          \n
        • Le d\u00e9grad\u00e9 n’\u00e9tant pas disponible pour les \u00e9l\u00e9ments de type texte, vous ne le verrez pas dans le s\u00e9lecteur de couleurs<\/span> des \u00e9l\u00e9ments de ce type (dans l’\u00e9diteur de design des widget<\/span>s de l’onglet Design global.<\/li>\n
        • Si vous travaillez avec des arri\u00e8re-plans, le fait de passer d’une couleur \u00e0 une image d\u00e9finit les param\u00e8tres de l’option pr\u00e9c\u00e9dente comme nuls. Par exemple, si vous utilisiez une couleur et que vous modifiez le param\u00e8tre en le r\u00e9glant sur Image, les param\u00e8tres de couleur ou de d\u00e9grad\u00e9 sont supprim\u00e9s.<\/li>\n
        • Les d\u00e9grad\u00e9s remplacent les arri\u00e8res-plans des boutons individuels Pour modifier cela, s\u00e9lectionnez \u00e0 nouveau l’arri\u00e8re-plan des boutons individuels.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n
          <\/div>\n<\/div>\n<\/section>\n