tutoriais mais recente desenvolvimento web
×

CSS Tutorial

CSS CASA CSS Introdução CSS Sintaxe CSS Como CSS cores CSS Fundos CSS Fronteiras CSS margens CSS Preenchimento CSS Altura largura CSS Texto CSS fontes CSS ligações CSS listas CSS tabelas CSS Modelo de Caixa CSS Contorno CSS de exibição CSS Largura máxima CSS Posição CSS Flutuador CSS Inline-block CSS Alinhar CSS combinadores CSS Pseudo-classe CSS Pseudo-elemento CSS Barra de navegação CSS dropdowns CSS tooltips CSS Galeria de imagens CSS Opacidade imagem CSS Sprites imagem CSS attr seletores Formas CSS CSS contadores

CSS3

CSS3 Introdução CSS3 Cantos arredondados CSS3 Imagens de fronteira CSS3 Fundos CSS3 cores CSS3 gradientes CSS3 sombras CSS3 Texto CSS3 fontes CSS3 transformações 2D CSS3 transformações 3D CSS3 transições CSS3 animações CSS3 imagens CSS3 botões CSS3 Paginação CSS3 várias Colunas CSS3 Interface de usuário CSS3 box Dimensionamento CSS3 Flexbox CSS3 Consultas de mídia CSS3 Exemplos MQ

CSS Web design responsivo

Web design responsivo Intro Web design responsivo Janela de exibição Web design responsivo Grid View Web design responsivo Consultas de mídia Web design responsivo imagens Web design responsivo vídeos Web design responsivo Frameworks

CSS Examples

CSS Exemplos CSS Questionário CSS Certificado

CSS References

CSS Referência CSS seletores CSS Funções CSS Aural referência CSS Web Safe fontes CSS Animatable CSS Unidades CSS PX-EM conversor CSS cores CSS Valores de cor CSS Nomes das cores CSS3 Suporte a navegadores

 

CSS cores


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:

Exemplo

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

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
RGB (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)
Tente você mesmo "

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

Exemplo

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

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" .

Exemplo

Color HEX
  #FF0000
  #00FF00
  #0000FF
  #FFA500
  #FFFF00
  #00FFFF
Tente você mesmo "

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

Exemplo

Color HEX
  #000000
  #808080
  #FFFFFF
Tente você mesmo "