Como copiar uma cor como HTML no Photoshop CS5

Photoshop e Web design freqüentemente andam de mãos dadas, e um dos elementos mais importantes dessa coexistência é a capacidade de representar com precisão as cores entre os dois lugares. Mas você pode descobrir que tem uma cor em uma imagem que gostaria de usar em sua página da web. Quer seja uma cor de fonte, uma cor de fundo ou um efeito de foco, o uso eficaz de cores iguais ou complementares em uma página da Web pode ter um grande impacto. Embora possa haver algumas maneiras indiretas de encontrar a cor no Photoshop em um formato que você possa usar em uma página da Web, na verdade existe um método simples para gerar informações de cores como HTML.

Nosso guia a seguir mostrará como usar a ferramenta Conta-gotas no Photoshop para copiar uma cor como HTML para que você possa colá-la diretamente em um elemento HTML.

Obtenha o código HTML para uma cor de um arquivo do Photoshop

As etapas neste artigo presumem que você tem uma cor em um arquivo do Photoshop e que gostaria de obter o código HTML dessa cor para que possa usá-la em uma página da web. Mostraremos a ferramenta e o método para adquirir essas informações no Photoshop e, em seguida, mostraremos a saída das informações copiadas.

Etapa 1: Abra seu arquivo no Photoshop CS5.

Etapa 2: Clique no Ferramenta conta-gotas na caixa de ferramentas.

Etapa 3: coloque a ponta do Ferramenta conta-gotas na cor para a qual você precisa do código HTML, clique com o botão direito do mouse e escolha o Copiar cor como HTML opção.

Se você colar as informações, elas serão coladas no formato mostrado na imagem abaixo.

Está se tornando difícil determinar qual camada em seu arquivo do Photoshop contém quais objetos? Este artigo - //www.solveyourtech.com/rename-layer-photoshop-cs5/ - mostrará como renomear uma camada e torná-la mais fácil de identificar.