As cores são exibidas combinando vermelho, verde e luz azul.
Cores em CSS são mais frequentemente especificado por:
- um nome de cor válida - como "red"
- um valor RGB - como "rgb(255, 0, 0)"
- um valor HEX - como "#ff0000"
Nomes das cores
Cores definidas usando nomes de cores:
Nota: Os nomes de cores são insensíveis ao caso: "Red" é o mesmo que "red" ou "RED" .
HTML e CSS suporta 140 nomes de cores padrão .
RGB (Vermelho, Verde, Azul)
valores de cores RGB podem ser especificados usando esta fórmula: rgb (vermelho, verde, azul).
Cada parâmetro (vermelho, verde, azul) define a intensidade da cor entre 0 e 255.
Por exemplo, rgb(255,0,0)
é exibida como vermelho, porque o vermelho é definido para o valor mais alto (255) e os outros são definidos como 0. Experiment misturando os valores RGB abaixo:
Vermelho | verde | Azul |
---|---|---|
255 | 0 | 0 |
Exemplo
Color | RGB |
---|---|
rgb(255,0,0) | |
rgb(0,255,0) | |
rgb(0,0,255) | |
rgb(255,165,0) | |
rgb(255,255,0) | |
rgb(0,255,255) |
Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz:
hexadecimais Cores
Valores RGB também podem ser especificados usando valores de cor hexadecimais na forma: # RRGGBB, onde RR (vermelho), GG (verde) e BB (azul) são valores hexadecimais entre 00 e FF (o mesmo que decimal 0-255).
Por exemplo, #FF0000
é exibida como vermelho, porque o vermelho é definido para o valor mais alto (FF) e os outros estão definidas para o valor mais baixo (00). Nota: valores HEX são insensíveis ao caso: "#ff0000" é o mesmo como "FF0000" .
Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz: