Como alterar cores do seu site no Squarespace

Se você está acostumado a forma como as aplicações de design permitem selecionar cores em uma roda de cores, você vai se sentir em casa com a seleção de cores no Editor de Estilo de Squarespace. Mas se você nunca encontrou uma roda de cores, não se preocupe, porque é fácil de usar.

Como escolher uma cor na roda

Para alterar a cor de um elemento em seu site, faça o seguinte.

1. Na seção Cores do Style Editor, clique no nome do elemento.

   A roda de cores pop-up aparece.

   
2. Mudar a cor na roda de cores.

   O triângulo interno está apontando para uma linha indicador escuro na roda de cores. Clique e arraste a linha para selecionar uma cor. Você também pode clicar em qualquer lugar da roda de cores para saltar a linha do indicador a esse ponto.

3. Modificar o valor da cor.

   Um de cor valor é a escuridão ou luminosidade da cor. Para alterar o valor da cor seleccionada, arraste o disco selector de valor em qualquer parte do triângulo. Cada vértice do triângulo exibe a cor selecionada na roda de cores ou preto, ou branco. Como você se move longe dos cantos, os valores começam a se misturar.

   Se você quiser selecionar uma cor cinza, basta mover o disco seletor de valor ao longo da borda do triângulo entre os cantos brancos e negros. A cor selecionada na roda de cor não importa, desde que você mantenha o disco ao lado da borda entre os cantos preto e branco.

Como adicionar transparência com a barra na Squarespace

Para tornar a cor selecionada transparente, de modo que uma imagem de fundo pode mostrar através de, use o controle deslizante abaixo da roda de cores. Apenas clique e arraste o controle deslizante para a esquerda. A esquerda mais longe você arrasta, o mais transparente a cor se torna. Arrastar o controle deslizante totalmente para a esquerda faz com que a cor completamente transparente.

Quando você arrastar o controle deslizante para a esquerda, o método muda de cor de hexadecimal (com o símbolo # anterior) para RGBa.

Compreender como a transparência funciona em um navegador pode ajudar a criar alguns efeitos elegantes em seu site. Por exemplo, fazer a cor de fundo do seu conteúdo transparente para permitir a imagem de seu site de fundo para mostrar completamente. Para saber mais sobre a transparência, consulte a barra lateral nas proximidades, "Alterar o canal."

Como esconder um elemento em Squarespace

Suponha que você tenha um elemento em seu site que você deseja esconder. Em outras palavras, você quer o elemento a ser 100 por cento transparente. Basta selecionar a opção transparente na parte inferior da caixa de diálogo roda de cores. O elemento se tornará transparente instantaneamente.