Photoshopes é uma ferramenta muito versátil, uma das utilizações que geralmente se dá é para gerar conteúdos que posteriormente utilizaremos em páginas web, com isso é importante conhecer alguns detalhes técnicos destes conteúdos para podermos passar o que vemos em Photoshop CS6 ou CC 217 para HTML.
Uma das coisas que sempre precisamos saber são os códigos de cores, pois como são formatos digitais, apenas com um código hexadecimal, podemos reproduzir em HTML a cor exata que estamos vendo em nosso projeto CS6 ou CC2021-2022.
1. Como saber o código de cores com Opções de Painel no Photoshop
Uma das formas de obtermos a cor exata é através do painel de informações, isto é conseguido simplesmente arrastando o cursor e passando-o sobre as áreas que pretendemos identificar, no entanto temos um pequeno problema, este painel está configurado para exibir a cor no formato RGB e CMYK por padrão, então temos que fazer uma pequena configuração para obter as informações que realmente precisamos
Passo 1
Para fazer isso, no painel de Informações vamos clicar na pequena seta que vemos na parte superior direita dela, lá veremos um novo menu no qual selecionaremos a opção: Opções do Painel.
ObservaçãoSe você deseja ver esta janela, vá ao menu Janela - Informações.
Passo 2
Dentro dele, podemos selecionar a cor da web e RGB para ver esses dados de cor ou outro se precisarmos de outra codificação.
etapa 3
Isso nos permitirá ver o código hexadecimal de nosso projeto ao lado de seu código RGB, com isso teremos as informações correspondentes:
2. Como saber o código de cores com a Janela de Informações no Photoshop
Do mesmo painel que vimos no ponto anterior, existe uma maneira rápida de poder modificar os valores que mostra da cor. Para isso, basta clicar no ícone do conta-gotas e selecionar o código desejado.
3. Como saber o código de cores com conta-gotas no Photoshop
Embora a forma anterior esteja correta e funcione, é um pouco extensa, então veremos que em segundos podemos tê-la de qualquer maneira.
Passo 1
Selecionamos a ferramenta Conta-gotas no painel de ferramentas e escolhemos a cor desejada.
Passo 2
Vamos para a paleta de cores e clique duas vezes para abrir o painel.
etapa 3
Também podemos acessar o Seletor de cores na janela Cor no canto superior direito, clicando duas vezes na cor.
etapa 3
Como vemos neste painel do Seletor de cores, abaixo temos o código de cores HTML na parte inferior, que podemos copiar e colar facilmente.
Como podemos perceber, temos três formas diferentes de obter informações, sendo as duas últimas as mais diretas, o que nos dá um pouco mais de agilidade e rapidez na localização dos dados de que necessitamos.
Com isso terminamos o tutorial, agora podemos obter o código hexadecimal de uma cor no Photoshop CS6 ou CC2021-2022 e assim poder utilizá-lo em nossos projetos web ou compartilhá-los para que possam ser incorporados.
