Como usar códigos de cores HTML

Adicionar cores ao design do seu site é fácil com códigos de cores HTML.

Abra um gráfico de código de cores HTML seguro para a Web e examine as cores disponíveis. Embora a maioria dos computadores possa exibir qualquer cor, usar apenas cores seguras para a Web é uma opção mais acessível. Além disso, existem muitas cores à sua escolha. Escolha cores para o seu projeto que combinem com o tema e o design do seu site. Uma boa regra é escolher duas cores complementares e uma cor de destaque. Um neutro como preto, branco, cinza ou castanho é outra boa escolha.

Copie os códigos de cores HTML de 6 caracteres para as cores que deseja usar em seu site. Estes consistem nos números 0, 3, 6 e 9 e nas letras C e F em várias combinações. Esses códigos de 6 caracteres serão usados ​​no código do seu site HTML sempre que você quiser criar um acento colorido.

Escolha uma cor para ser o plano de fundo do seu site. Para mudar o fundo desta cor, use o código HTML "

"e substitua o código de 6 caracteres pelo código de cor desejado. Uma vez que esta é a cor de todo o fundo do corpo da página da Web, este trecho de código HTML substitui o normal "" marcação.

Altere a cor de qualquer texto, título ou link na página do seu site, incluindo códigos de cores e o código HTML adequado na página do código do seu site. Qualquer texto pode ser colorido adicionando o atributo HTML ""ao código. Por exemplo, para alterar a cor de um título grande, basta adicionar "

Cabeçalho

"ao código do seu site.

Altere a cor de todos os títulos em seu site usando folhas de estilo em cascata (CSS). Use o código "h1 {color: # 336699;}" entre o "

" e ""tags no código do seu site. Cada vez que você codifica um "

"no seu site, será dessa cor. CSS é o método padrão de estilização de sites. Também torna mais fácil entrar e fazer alterações se você quiser redesenhar.

Mude a cor de suas fontes, links e outras coisas em CSS. Use o snippet de código CSS "p {color: # 336699;}" para fontes. O HTML para cada bloco de texto deve ser delimitado pelo "

" e "

" Tag. As cores do link podem ser alteradas usando "{color: # 336699;}" e ""no código HTML do seu site. Outras tags HTML, como bordas de imagem, regras horizontais e células de tabela também podem ser alteradas usando o snippet de código CSS "{color: # 336699;}" básico.