Cores HTML
As cores HTML são especificadas com nomes de cores predefinidos ou com valores RGB, HEX, HSL, RGBA ou HSLA.
Nomes de cores
Em HTML, uma cor pode ser especificada usando um nome de cor:
HTML suporta 140 nomes de cores padrão .
Cor de fundo
Você pode definir a cor de fundo para elementos HTML:
A dor em si é o amor É por isso que é para o mínimo que vem, quem nossa prática normal suporta para tirar proveito das consequências
Exemplo
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Cor do texto
Você pode definir a cor do texto:
Olá Mundo
A dor em si é o amor
É por isso que é para o mínimo que vem, quem nossa prática normal suporta para tirar proveito das consequências
Exemplo
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Cor da borda
Você pode definir a cor das bordas:
Olá Mundo
Olá Mundo
Olá Mundo
Exemplo
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Valores de cores
Em HTML, as cores também podem ser especificadas usando valores RGB, valores HEX, valores HSL, valores RGBA e valores HSLA.
Os três elementos <div> a seguir têm sua cor de fundo definida com valores RGB, HEX e HSL:
Os dois elementos <div> a seguir têm sua cor de fundo definida com valores RGBA e HSLA, o que adiciona um canal Alpha à cor (aqui temos 50% de transparência):
Exemplo
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>