SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
CORES
EM HTML
CORES EM HTML
A partir do princípio do significado das cores, observamos que elas são estudadas e
aplicadas minuciosamente sobre todas as coisas.
No ambiente web, as cores representam um papel muito importante: transmitir emoções e
até influenciar comportamentos por meio de todos os tipos de cores.
CORES EM HTML
Para os profissionais que trabalham nesta área, a utilização de cores HTML deve ser
representada por hexadecimais. Os hexadecimais são a combinação de letras e números
que geram um tipo de código e são transformados em cores em web. Assim como o sistema
de cores aditivas RGB (Red-vermelho; Green-verde; Blue-azul), as cores em HTML são
representadas por uma combinação de cada cor primária, que varia de 0 a 255.
TABELA DE CORES EM HTML
Para que você possa melhor utilizar as cores em seu site, há tabelas de cores HTML que você
pode utilizar como base na programação.
CÓDIGO DAS CORES
Cada cor é representada por uma intensidade destes números, onde 00 é o mínimo e FF é o
máximo. O caractere #, ou sustenido, sempre antecede o código de cores em HTML,
composto de seis números. Confira na representação abaixo.
CÓDIGO DAS CORES
O código das cores HTML para seu site pode ser extraído de algum programa de edição de
imagens, como também você pode utilizar o site W3Schools para verificar a aplicação das
cores e o resultado final do trabalho.
COR DA FONTE EM HTML
A cor da fonte em HTML é estimulada pelo seu código
hexadecimal.
Porém, algumas das cores podem ser inseridas em
sua programação apenas pelo nome e são
reconhecidas em praticamente qualquer navegador.
COR DA FONTE EM HTML
Durante a aplicação das cores nas fontes em sua programação, alguns detalhes são muito
importantes: a palavra deve estar em um tamanho adequado, optar por utilizar sempre o
código hexadecimal ao invés do nome das cores (para que todos os navegadores possam
interpretar as cores corretamente) e ter legibilidade, como não se utilizar de cor da fonte
HTML amarela ou vermelha em fundo branco ou fonte em azul com um fundo preto.
www.PAGE1.com.br

Mais conteúdo relacionado

Destaque

Snaga na kondenzatoru C, snaga na zavojnici L
Snaga na kondenzatoru C, snaga na zavojnici LSnaga na kondenzatoru C, snaga na zavojnici L
Snaga na kondenzatoru C, snaga na zavojnici Lsterpinm
 
Tailoring Next Best Offers (NBOs) using Real Time Big Data Analytics
Tailoring Next Best Offers (NBOs) using Real Time Big Data AnalyticsTailoring Next Best Offers (NBOs) using Real Time Big Data Analytics
Tailoring Next Best Offers (NBOs) using Real Time Big Data AnalyticsShubham Agarwal
 
Hyperloop - The future of Transportation
Hyperloop - The future of TransportationHyperloop - The future of Transportation
Hyperloop - The future of TransportationShubham Agarwal
 
RBS Change - e-commerce international
RBS Change - e-commerce internationalRBS Change - e-commerce international
RBS Change - e-commerce internationalrbschange
 

Destaque (10)

46851
4685146851
46851
 
Content server (1)
Content server (1)Content server (1)
Content server (1)
 
La depresión
La depresiónLa depresión
La depresión
 
Tipografia
TipografiaTipografia
Tipografia
 
Snaga na kondenzatoru C, snaga na zavojnici L
Snaga na kondenzatoru C, snaga na zavojnici LSnaga na kondenzatoru C, snaga na zavojnici L
Snaga na kondenzatoru C, snaga na zavojnici L
 
Expo
ExpoExpo
Expo
 
Tailoring Next Best Offers (NBOs) using Real Time Big Data Analytics
Tailoring Next Best Offers (NBOs) using Real Time Big Data AnalyticsTailoring Next Best Offers (NBOs) using Real Time Big Data Analytics
Tailoring Next Best Offers (NBOs) using Real Time Big Data Analytics
 
Content server (2)
Content server (2)Content server (2)
Content server (2)
 
Hyperloop - The future of Transportation
Hyperloop - The future of TransportationHyperloop - The future of Transportation
Hyperloop - The future of Transportation
 
RBS Change - e-commerce international
RBS Change - e-commerce internationalRBS Change - e-commerce international
RBS Change - e-commerce international
 

Semelhante a Códigos de cores HTML - Como usar cores no site com hexadecimais

GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEVitor Pedro
 
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, Cor
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, CorHtml aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, Cor
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, CorErick L. F.
 
HTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosHTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosGuto Xavier
 

Semelhante a Códigos de cores HTML - Como usar cores no site com hexadecimais (8)

Photoshop
PhotoshopPhotoshop
Photoshop
 
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
 
Cálculo do código hexadecimal RGB
Cálculo do código hexadecimal RGBCálculo do código hexadecimal RGB
Cálculo do código hexadecimal RGB
 
Curso html basico_aula-004
Curso html basico_aula-004Curso html basico_aula-004
Curso html basico_aula-004
 
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, Cor
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, CorHtml aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, Cor
Html aula 11 - CSS, Fonte, tamanho da fonte, Negrito, Itálico, Obliquo, Cor
 
Gerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aulaGerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aula
 
HTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosHTML - Cores Fontes Parágrafos
HTML - Cores Fontes Parágrafos
 
Aula 08 cores
Aula 08 coresAula 08 cores
Aula 08 cores
 

Códigos de cores HTML - Como usar cores no site com hexadecimais

  • 1.
  • 3. CORES EM HTML A partir do princípio do significado das cores, observamos que elas são estudadas e aplicadas minuciosamente sobre todas as coisas. No ambiente web, as cores representam um papel muito importante: transmitir emoções e até influenciar comportamentos por meio de todos os tipos de cores.
  • 4. CORES EM HTML Para os profissionais que trabalham nesta área, a utilização de cores HTML deve ser representada por hexadecimais. Os hexadecimais são a combinação de letras e números que geram um tipo de código e são transformados em cores em web. Assim como o sistema de cores aditivas RGB (Red-vermelho; Green-verde; Blue-azul), as cores em HTML são representadas por uma combinação de cada cor primária, que varia de 0 a 255.
  • 5. TABELA DE CORES EM HTML Para que você possa melhor utilizar as cores em seu site, há tabelas de cores HTML que você pode utilizar como base na programação.
  • 6. CÓDIGO DAS CORES Cada cor é representada por uma intensidade destes números, onde 00 é o mínimo e FF é o máximo. O caractere #, ou sustenido, sempre antecede o código de cores em HTML, composto de seis números. Confira na representação abaixo.
  • 7. CÓDIGO DAS CORES O código das cores HTML para seu site pode ser extraído de algum programa de edição de imagens, como também você pode utilizar o site W3Schools para verificar a aplicação das cores e o resultado final do trabalho.
  • 8. COR DA FONTE EM HTML A cor da fonte em HTML é estimulada pelo seu código hexadecimal. Porém, algumas das cores podem ser inseridas em sua programação apenas pelo nome e são reconhecidas em praticamente qualquer navegador.
  • 9. COR DA FONTE EM HTML Durante a aplicação das cores nas fontes em sua programação, alguns detalhes são muito importantes: a palavra deve estar em um tamanho adequado, optar por utilizar sempre o código hexadecimal ao invés do nome das cores (para que todos os navegadores possam interpretar as cores corretamente) e ter legibilidade, como não se utilizar de cor da fonte HTML amarela ou vermelha em fundo branco ou fonte em azul com um fundo preto.