A HTML é uma tecnologia que surgiu na década de 1990 e até hoje é muito utilizada para o desenvolvimento de páginas web. Na verdade, essa linguagem domina completamente o mundo da criação de sites e faz parte de praticamente tudo acessado por meio dos navegadores de internet.
Entre as várias coisas que podem ser feitas ao usar o HTML, uma das mais significativas para a melhoria da aparência dos sites é a adição de cores. Elas são fundamentais para a criação de ambientes agradáveis visualmente que façam o usuário se sentir confortável de estar na página. Saber usar esse recurso é muito importante. Veja o texto até o final e aprenda como usar cores em HTML.
Como funcionam as cores em HTML?
Os documentos HTML, essencialmente, são muito simples. Eles são, basicamente, letras pretas em um fundo branco. Mas, é possível adicionar cores aos diversos tipos de elementos que constituem uma página HTML. O fundo da página, as letras, bordas de elementos, rodapés, cabeçalhos, barras de navegação, listas, colunas, enfim, qualquer coisa pode ficar mais interessante.
E elas podem ser adicionadas diretamente nas tags (marcações) que fazem parte do documento HTML ou mesmo em elementos mais específicos. Para fazer essas coisas é necessário usar outra tecnologia, chamada CSS. É ela que consegue estilizar a página HTML e dar cores para ela.
Como realizar a paleta de cores em HTML?
Muita gente tem dificuldades para pensar num conjunto de cores que seja interessante para um site. Combiná-las pode não ser uma tarefa tão fácil. Por esse motivo, existem ferramentas online para a criação das chamadas paletas de cores. Esses elementos, tão importantes para o mundo do design, consistem em um conjunto de cores que possuem sentido de estarem juntas.
Em outras palavras, a paleta reúne algumas cores que interagem bem entre si e podem ser usadas conjuntamente, em combinação, para formar um site com boa aparência. Na internet tem vários sites simples e gratuitos que servem para a elaboração das paletas. Numa rápida pesquisa nos buscadores da web é possível encontrar boas opções.
Como colocar cor CSS em HTML
Como dito, usar as Cascading Style Sheets (CSS) é fundamental para dar cores à página HTML. Isso é feito por meio das linhas de código, ou seja, é necessário escrever e usar a sintaxe do CSS, quais cores devem ser usadas e a quais elementos devem ser aplicadas.
Isso pode ser realizado com o nome da cor propriamente ou mesmo alguns códigos que equivalem a ela. O que acontece é que o CSS permite o uso de diferentes modos de declaração de cores. Pode ser usado o próprio nome da cor ou os códigos RGB, HSL ou Hexadecimal.
O que são cores hexadecimais?
Os códigos hexadecimais de cores são um conjunto de algarismos que representam as cores dentro do CSS e que, consequentemente, podem ser aplicados ao documento HTML. Por exemplo, para aplicar a cor azul é possível apenas escrever o nome “azul” na estrutura de código do CSS ou usar a combinação hexadecimal #0000FF (sempre precedido do símbolo “#”).
E isso vale para qualquer cor existente. Na prática, os códigos hexadecimais são combinações que usam dezesseis algarismos. São eles: 0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F. A partir da ordenação desses signos é possível aplicar qualquer cor na página HTML com o CSS.
Tabelas de cores em HTML
No contexto da aplicação de cores ao documento HTML, pode ser difícil saber todos os códigos utilizáveis no CSS. Por esse motivo, existem na internet várias tabelas com as cores e seus respectivos códigos para usar com o CSS. Esses recursos podem ser bastante úteis para ter de decorar todos os códigos existentes, tanto o hexadecimal, como o RGB ou o HSL.
Deixe um comentário