Cores CSS
As cores são especificadas usando nomes de cores predefinidos ou valores RGB, HEX, HSL, RGBA, HSLA.
Nomes de cores CSS
Em CSS, uma cor pode ser especificada usando um nome de cor predefinido:
Tomate
laranja
Trapaceiro azul
MédioSeaGreen
cinza
Azul ardósia
Tolet
Cinza claro
CSS/HTML suporta 140 nomes de cores padrão .
Cor de fundo CSS
Você pode definir a cor de fundo para elementos HTML:
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="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Cor do texto CSS
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 CSS
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 CSS
Em CSS, as cores também podem ser especificadas usando valores RGB, valores HEX, valores HSL, valores RGBA e valores HSLA:
O mesmo que o nome da cor "Tomate":
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
Igual ao nome da cor "Tomato", mas 50% transparente:
rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)
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>