Durante o desenvolvimento de um website, existem diversos fatores que interferem diretamente na qualidade do mesmo, e em como o usuário receberá as informações do conteúdo. Uma das coisas mais importantes para a criação de um layout é a escolha certa das cores a utilizar. Por esta razão, ter à mão ferramentas que facilitem no processo como uma tabela de cores HTML é essencial.
Através das linhas de código HTML e CSS, podemos aplicar cores tanto para fontes como para seus elementos. Podemos até mesmo aplicar cores às bordas ou sombreamentos. São muitas possibilidades que nos permite criar layouts mais complexos e com diversas características.
Com os diversos tipos de display, grids, flexbox, floats, é possível criar inúmeras possibilidades visuais só utilizando o HTML e CSS, assim como aplicar diversos backgrounds, animações e até mesmo vetores.
Assim, é importante entender quais são os padrões de cores que o HTML suporta, e como são formados. Após compreender esse tema, você poderá então começar aplicar as cores através do estilos em HTML e CSS. Para tanto, disponibilizamos uma tabela de cores HTML, com os nomes das cores, o código hexadecimal e o valor RGB prontos para usar diretamente no seu estilo!
Tópicos deste artigo:
- Tabela de cores HTML
- Breve história do HTML
- As cores no HTML (hexadecimal, RGB, RGBA, HSL e HSLA)
- Aplicando cores nos elementos HTML
- Modificando as cores com inline das tags HTML
- Modificando as cores através de uma folha de estilos CSS
- Ferramentas para utilizar em conjunto com a tabela de cores HTML
Tabela de cores HTML
Na tabela de cores HTML, você poderá encontrar diversos exemplos de cores com seu código hexadecimal, assim como o nome em inglês e o código RGB, já prontos para copiar diretamente para o seu código HTML/CSS:
