Comment modifier les couleurs de votre site Web dans Squarespace - Les nuls

Si vous êtes habitué à la façon dont les applications de conception vous permettent de sélectionner les couleurs dans une roue chromatique, vous vous sentirez comme chez vous. couleurs dans l'éditeur de style de Squarespace. Mais si vous n'avez jamais rencontré de roue chromatique, ne vous inquiétez pas, car il est facile à utiliser.

Comment choisir une couleur sur la roue

Pour changer la couleur d'un élément de votre site, procédez comme suit.

1. Dans la section Couleurs de l'éditeur de style, cliquez sur le nom de l'élément.

   La roue de couleurs contextuelle apparaît.

   

2. Changez la couleur dans la roue chromatique.

   Le triangle intérieur pointe vers une ligne d'indicateur sombre dans la roue chromatique. Cliquez et faites glisser cette ligne pour sélectionner une couleur. Vous pouvez également cliquer n'importe où dans la roue de couleurs pour sauter la ligne de l'indicateur jusqu'à ce point.

3. Modifiez la valeur de la couleur.

   La valeur d'une couleur est l'obscurité ou la luminosité de la couleur. Pour changer la valeur de la couleur sélectionnée, faites glisser le disque du sélecteur de valeur n'importe où dans le triangle. Chaque coin du triangle affiche la couleur sélectionnée dans la roue chromatique, ou en noir ou blanc. Lorsque vous vous éloignez des coins, les valeurs commencent à se mélanger.

   Si vous voulez sélectionner une couleur grise, déplacez simplement le disque sélecteur de valeur le long du bord du triangle entre les coins blancs et noirs. La couleur sélectionnée dans la roue des couleurs n'aura pas d'importance tant que vous gardez le disque à côté du bord entre les coins noirs et blancs.

Comment ajouter de la transparence avec le curseur dans Squarespace

Pour rendre la couleur sélectionnée transparente, afin qu'une image d'arrière-plan puisse apparaître, utilisez le curseur situé sous la roue des couleurs. Il suffit de cliquer et de faire glisser le curseur vers la gauche. Plus vous faites glisser à gauche, plus la couleur devient transparente. Faites glisser le curseur complètement vers la gauche pour rendre la couleur complètement transparente.

Lorsque vous faites glisser le curseur vers la gauche, la méthode de couleur passe de hexadécimal (avec le symbole # précédent) à RGBa.

Comprendre le fonctionnement de la transparence dans un navigateur peut vous aider à créer des effets élégants sur votre site. Par exemple, rendez la couleur d'arrière-plan de votre contenu transparente pour permettre à l'image d'arrière-plan de votre site de s'afficher. Pour plus d'informations sur la transparence, reportez-vous à la barre latérale "Modification du canal". "

Comment cacher un élément dans Squarespace

Supposons que vous ayez un élément sur votre site que vous voulez cacher. En d'autres termes, vous voulez que l'élément soit transparent à 100%. Sélectionnez simplement l'option Transparent en bas de la boîte de dialogue de la roue chromatique. L'élément deviendra transparent instantanément.