Codificação HEXADECIMAL para HTML

Publicado por Diego Silva em 06/12/2005

[ Hits: 9.295 ]

 


Codificação HEXADECIMAL para HTML



Buenas Comunidade.

Postando novamente após o ocorrido com nosso portal Viva o Linux. Eu já não possuía muitas publicações, avaliei as mesmas novamente e algumas postei de outras formas e não como dicas.

-----

Tratando da dica de hoje, estarei simplesmente colaborando com colegas que assim como eu, muitas vezes necessitam alterar algumas TAGs em HTML e sentem dificuldades com a conversão de cores.

Acredito que seja do conhecimento de todos que quando editamos páginas em HTML/HTM e outros que necessitam de conversão de cores e necessitamos alterar a cor de frases, letras ou até mesmo a cor de fundo da página, nos deparamos com letras informadas em codificação hexadecimal e não com as cores propriamente ditas.

Agora o conceito básico, referente a como trabalha o Sistema Hexadecimal.

O Sistema Hexadecimal é uma base de numeração que começa a ser contado no "0" e termina na letra "F", da seguinte forma 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

Com esta codificação podemos definir as cores que desejamos utilizar em nossa página HTML, também é possível utilizar o nome padrão das cores nas TAGs HTML. Como por exemplo:

bgcolor="white" (Branco)
ou
bgcolor="blue" (Azul)

Mas se você pretende definir que a cor de seu fundo de tela será "Azul Escuro"?

Isso não é possível através do nome padrão para as cores. Portanto teremos que utilizar o HEXADECIMAL da seguinte forma:

bgcolor="#000066"

(Sempre com o "#" na frente da numeração)

Este é o caractere que identifica a codificação hexadecimal.

Desta forma, para facilitar o uso das cores em HEXADECIMAL para quem necessitar, postaremos abaixo um link com a maioria das cores já codificada. Assim facilitando a definição da cor exata desejada e também deixando de lado a necessidade de conversores e outros. O link leva a uma tabela de cores já com a codificação efetuada.
Chegamos ao fim desta dica e acreditamos que seja de grande utilidade para todos. Esperamos que todos possam aproveitar a mesma e facilitar seu trabalho com esta.

Um baita abraço.

Diego Henrique | -Gurizito-

Outras dicas deste autor
Nenhuma dica encontrada.
Leitura recomendada

Javascript - pegar um elemento aleatório de uma lista

Chromium e Firefox - Forma prática de abrir links em nova aba

Tampermonkey - Executando JavaScript em Sites com o Chrome

Atualizando conteúdo dinamicamente com jQuery

Adicionar Facebook Comments no Google Sites

  

Comentários
[1] Comentário enviado por DHRS em 06/12/2005 - 13:34h

Buenas, Comunidade!

Bem que ótimo a dica esta publicada, agora espero que possam utilizar a mesma para suas necessidades. Assim que possível estarei disponibilizando mais dicas e outros para contribuir com o Software Livre como um todo.

Um grande Abraço
[]'s -Gurizito-

[2] Comentário enviado por Teixeira em 12/10/2007 - 16:58h

Muito útil!
Um grande abraço!

[3] Comentário enviado por angelito em 09/02/2008 - 07:53h

muito bom! facilita muito a nossa vida :D
grande abraço



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts