Fórum | tutoriais mais recente desenvolvimento web
 

Colors Tutorial


As cores são exibidas combinando vermelho, verde e luz azul.


Nomes das cores

Com CSS, as cores podem ser definidas usando nomes de cores:

Exemplo

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Tente você mesmo "

Valores CSS Cor

Com CSS, as cores podem ser especificados de formas diferentes:

  • Por nomes de cores
  • Como valores RGB
  • Como valores hexadecimais
  • Como valores de HSL (CSS3)
  • Como valores HWB (CSS4)

cores RGB

valores de cor RGB são suportados em todos os navegadores.

Um valor de cor RGB é especificado com: rgb (vermelho, verde, azul).

Cada parâmetro (vermelho, verde e azul) define a intensidade da cor como um número inteiro entre 0 e 255.

Por exemplo, rgb (0,0,255) é processado como azul, porque o parâmetro azul está definido para seu valor mais alto (255) e os outros são definidos como 0.

Exemplo

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Tente você mesmo "

Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz:

Exemplo

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Tente você mesmo "

hexadecimais Cores

valores de cor hexadecimais também são suportados em todos os navegadores.

Uma cor hexadecimal é especificado com: #RRGGBB.

RR (vermelho), GG (verde) e BB (azul) são inteiros hexadecimais entre 00 e FF especificando a intensidade da cor.

Por exemplo, # 0000FF é exibido como azul, porque o componente azul está definido para seu valor mais alto (FF) e os outros estão definidas para 00.

Exemplo

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Tente você mesmo "

Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz:

Exemplo

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Tente você mesmo "

Maiúsculas ou Minúsculas?

Você pode usar letras maiúsculas ou minúsculas para especificar valores hexadecimais.

Nota minúsculas são mais fáceis de escrever. maiúsculas são mais fáceis de ler.

Nomes das cores

CSS suporta 140 nomes de cores padrão.

No próximo capítulo, você vai encontrar uma lista completa em ordem alfabética de nomes de cores com valores hexadecimais:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4