Como determinar um esquema de cores para o seu site Squarespace

Ao descobrir um esquema de cores para dirigir Squarespace usar para o seu site, você pode rapidamente tornar-se perdido no processo de cores correspondentes, ajustando os valores de cor (mais escuro contra o mais leve), e decidir onde incluir cor.

Como encontrar códigos RGB e hexadecimais

Depois de escolher as cores que deseja usar em seu site, você precisa encontrar os nomes das cores específicas em um dos dois métodos de cores usadas em Squarespace:

  • RGB (Vermelho, verde, azul) é o método cor usada para exibir cores em uma tela backlit, como a encontrada em um monitor de computador, um iPhone ou uma TV. O intervalo de cada cor é medida de 0 a 255.

    Se todas as três cores são definidos como 0, a cor apresentada é preto. Se todos os três são fixados em 255, a cor é branca. Variando os valores dos números, você pode criar um suprimento ilimitado de perto cor.

    Além disso, quando o método de cor RGB inclui transparência, é chamado RGBa. o uma representa o canal alfa, que controla a transparência da cor, numa escala de 0 (completamente transparente) a 1 (completamente opaco).

  • hexadecimal, ou hex, a cor é uma forma simplificada de RGB comumente usado em web design.

Embora certamente você pode apenas globo ocular da cor na definição da roda de cores, às vezes é bom saber a cor exata que você deseja usar. Para saber mais sobre a cor web, ler a completa Artigo da Wikipédia.

Assim como você encontrar a cor que você deseja usar? É bastante fácil se você tem as ferramentas certas no seu computador ou saber para onde olhar. A seguir está uma lista de seletores de cores, aplicativos que você pode usar para encontrar a cor exata exibida na tela do computador:

  • ColorZilla é um plug-in gratuito para o Firefox ou o Chrome.

  • ColorSchemerColorPix é um aplicativo gratuito do Windows.

  • xScope é um pago para Mac aplicação popular com web designers. Ele tem outras características, além de um seletor de cores que você pode encontrar útil se você quiser mais recursos de designer.

  • ColorSchemer é uma robusta colheita cor e design do aplicativo disponível para Mac, Windows, iPhone e iPod touch. Esta aplicação não é livre mas oferece capacidades expandidas para ajudar você a explorar harmonias de cores, e pode até mesmo sugerir esquemas de cores para você. Se você tem um iPhone ou iPod touch, vá para o aplicativo ColorSchemer, porque é muito bacana.

Como olhar para código de cor em Squarespace

Se você é um web profissional ou alguém que não se coíbe de um pouco de escavação no código de um site, você pode espreitar o código de cor em um local inspecionando o código fonte do site. Siga estas instruções gerais:

  1. direita; clique no elemento que contém a cor que você está interessado.

  2. Selecione a opção no menu pop-up para inspecionar o elemento.

    O navegador exibe o código subjacente.

Como a inspeção código fonte de cada navegador funciona de forma diferente, a seguir estão as instruções básicas para inspecionar elementos nos quatro navegadores Squarespace suporta para editar o seu site:

  • Safári: Ativar a barra de menus desenvolvedor nas preferências do Safari, escolhendo Advanced-mostrar a barra de desenvolvedor Menu.

  • Cromada: Ao contrário do Safari, Chrome já tem a sua característica inspecionar elemento habilitado, então nenhum configurar é necessário.

  • Raposa de fogo: Firefox, como o Chrome, tem um elemento de inspecionar básica. Para funcionalidades mais avançadas de visualização de código, você precisa instalar o Firebug.

  • Internet Explorer: Pressione F12 no seu teclado para abrir o Xcode incluídas no seu site. Se pressionar F12 não funcionar, escolha Ferramentas Ferramentas pelo desenvolvedor.

Código espreitar funciona somente para cores prestados pelo navegador, como a cor do texto e as cores de elementos do site fundo. Para determinar a cor em uma imagem, você precisará usar um dos seletores de cores mencionadas anteriormente.

menu