Cores HTML: escolhendo um esquema de cores certo para o seu site
As cores HTML são um elemento essencial do design da web e podem afetar bastante a aparência geral do seu site.
Neste guia, exploraremos os diferentes tipos de cores HTML e forneceremos dicas sobre como escolher o esquema de cores certo para o seu site.
Tipo de Cores HTML
As cores HTML são especificadas usando uma combinação de valores vermelho, verde e azul ( RGB ) ou usando um valor hexadecimal (código hexadecimal), HSL , RGBA ou HSLA .
As cores desempenham um papel essencial em dar ao seu site uma aparência profissional.
Uma tag <body> pode definir cores para a página inteira, enquanto o atributo bgcolor pode identificar cores para tags individuais .
A seguir estão os atributos que podem ser usados para definir a cor da tag <body> :
| Atributos | Visão geral |
| bgcolor | Determina a cor do fundo da página. |
| texto | Especifica a cor do corpo do texto. |
| um link | Determina quais links estão ativos ou quais links estão selecionados. |
| link | Especifica a cor do texto vinculado. |
| vlink | Coloriza os links visitados ou o texto vinculado no qual você já clicou. |
Esses exemplos ilustram como definir o plano de fundo de uma tag usando um nome de cor
Example:
Nome das Cores Html
Esses são nomes de cores predefinidos, como vermelho, verde, azul, amarelo e assim por diante.
Essas cores são fáceis de usar e lembrar, mas são limitadas em número.
Você pode especificar uma cor em HTML usando um nome de cor. Isso significa que, em vez de usar os valores RGB ou hexadecimais, você pode simplesmente digitar o nome da cor que deseja usar.
Example
O HTML suporta 140 nomes de cores padrão .
Cor de fundo
Você pode definir a cor de fundo de qualquer elemento HTML, incluindo o corpo da página, usando CSS.
Existem várias maneiras de especificar uma cor de fundo, incluindo o uso de nomes de cores, valores RGB e valores hexadecimais.
Quando falamos de cores HTML , para elementos HTML , você pode definir a cor de fundo da seguinte maneira:
Assim como as luas e os sóis, Com a certeza das marés, Assim como as esperanças brotando alto, Ainda assim eu me levantarei.
Você queria me ver quebrado? Cabeça baixa e olhos baixos? Ombros caindo como lágrimas, Enfraquecido por meus gritos comoventes?
Minha arrogância te ofende?
Example
Cor do texto
Você quer ter certeza de que seu texto é legível e legível contra a cor de fundo que você escolheu.
Você pode definir a cor do texto de qualquer elemento HTML, incluindo o corpo da sua página
Quando falamos de cores HTML, o texto pode ser colorido da seguinte forma:
Saudações! Do Senhor Exemplos
Você queria me ver quebrado? Cabeça baixa e olhos baixos? Ombros caindo como lágrimas, Enfraquecido por meus gritos comoventes?
Minha arrogância te ofende?
Example
Cor da borda
Se você quiser mudar a cor das bordas , você pode fazer da seguinte maneira quando se trata de cores HTML :
Saudações! do Senhor Exemplos
Estamos aprendendo sobre cores HTML
Espero que você ache este artigo útil
Example
Valores de cores HTML
Valores RGB, valores HEX , valores HSL , valores RGBA e valores HSLA são formas válidas de especificar cores em cores HTML .
As cores de fundo para os próximos três elementos <div> foram especificadas usando valores RGB, HEX e HSL:
A cor de fundo para os dois elementos <div> a seguir são descritos usando valores RGBA e HSLA, que fornecem às cores um canal alfa (neste caso, 50% de transparência):
Example
Escolhendo o esquema de cores certo
Ao escolher um esquema de cores para o seu site, há vários fatores a serem considerados, incluindo sua marca, seu público e a finalidade do seu site.
Aqui estão algumas dicas para ajudá-lo a escolher o esquema de cores certo para o seu site:
- O esquema de cores do seu site deve refletir a personalidade e os valores da sua marca. Se sua marca é divertida e divertida, você pode querer usar cores vivas e ousadas. Se sua marca é mais profissional e séria, você pode querer usar cores mais suaves.
- O esquema de cores do seu site também deve atrair seu público-alvo. Leve em consideração a idade, o sexo e a cultura do seu público ao escolher as cores.
- Diferentes cores podem evocar diferentes emoções e sentimentos. Por exemplo, o vermelho é frequentemente associado à paixão e energia, enquanto o azul é associado à calma e confiança. Use esse conhecimento para escolher as cores que ajudarão a transmitir a mensagem certa ao seu público.
- Muitas cores podem ser esmagadoras e confusas. Atenha-se a um máximo de três a quatro cores para o esquema de cores do seu site.
- Depois de escolher seu esquema de cores, teste-o para garantir uma boa aparência em diferentes dispositivos e tamanhos de tela. Você também pode querer obter feedback de outras pessoas para ver se as cores são eficazes.
Conclusão
As cores HTML de um site desempenham um papel importante na adição de apelo visual e na melhoria da experiência do usuário. Como o HTML oferece uma ampla variedade de opções de cores, os desenvolvedores da Web podem selecionar cores que se adequem ao conteúdo e ao efeito desejado.
Além disso, por meio do uso da cor, a imagem de uma marca pode ser unificada, emoções podem ser evocadas e significados podem ser transmitidos ao usuário.
Você pode destacar o conteúdo da Web e capturar a atenção do público-alvo usando cores de maneira eficaz.
É possível criar páginas da Web visualmente impressionantes e atraentes com um entendimento básico dos códigos de cores HTML e da teoria das cores. Da próxima vez que você criar um site, não se esqueça de experimentar diferentes esquemas de cores e ver como eles afetam a aparência.
