terça-feira, 27 de novembro de 2012

Noções básicas sobre códigos de cores HTML


Eu ajudo as pessoas com as páginas web muito e eu geralmente incentivá-los para editar o código HTML diretamente e não depender de programas de layout da GUI como o Microsoft FrontPage ou Adobe GoLive para o layout de suas páginas. Um monte de pessoas têm uma dificuldade para entender o que os códigos HTML da cor significa e como eles funcionam.

Códigos de cores HTML são seis caracteres de largura e olhar como "# 80FF12", e são realmente 3 números de 2 dígitos hexadecimais que representam Vermelho, Verde e Azul. Ok ... Acabei de perder uma boa parte da multidão não foi? Vamos dividi-la em coisas que são fáceis de entender.

Como descrever uma cor usando números? Há uma série de maneiras de especificar uma cor específica, mas uma das maneiras que é usado com computadores é especificar os valores de vermelho, verde e azul para misturar em conjunto para alcançar a cor desejada. À medida que variam as quantidades de vermelho, verde e azul, podemos criar mais qualquer cor que você deseja.

Como isso se relaciona com computadores? Monitores de computador, TVs, e outros "a luz projectada" dispositivos de visualização usar pixels para mostrar o que você vê na tela eo valor de cor para os pixels é especificado em um valor RGB (Red, Green, Blue). Por exemplo, se o seu monitor é de 1024 x 768 de resolução, então há 768 linhas (de cima para baixo) em sua tela, e cada linha tem 1024 pixels ou pontinhos na mesma. Cada um desses pixels ou pontinhos é feita de três pontos menores ou fontes de luz: um vermelho, um verde e um azul.

Tinta funciona de forma diferente. Impressoras de computador geralmente especificam a cor como cor quatro (ou mais) do valor da tinta "reflexivo" composta de Magenta, Amarelo, Azul e Preto que é abreviado como YMCK. O computador utiliza várias fórmulas para converter os valores RGB para CMYK valores, de modo que você pode imprimir o que você vê na tela com precisão.

Como o computador representa um valor de cor RGB? Valores RGB são armazenadas como três valores separados (um para o vermelho, um para verde, e um para azul) entre 0 e 255. Se você contar o 0 como um valor, então isso é um total de 256 valores possíveis. Quando você combina os valores de vermelho, verde e azul juntos para representar uma cor que você começa uma possibilidade de 16,7 milhões de cores (256 x 256 x 256). Isso é um monte de cores ea maioria das pessoas consideram que este é cor "verdadeira" porque pode representar a maioria das fotografias e imagens com precisão e de forma natural.

O que é um número hexa? Seu computador armazena informações como os solteiros e zeros. Cada um destes 0 e 1 é um valor único, denominado um "bit". Quando combinamos 8 desses "bits"
em conjunto, faz um "byte". Assim, portanto, é um byte de 8 bits.
Podemos contar em várias "bases". Na vida cotidiana regular, usamos a base 10 ou "decimal". Base 10 utiliza estes dígitos para representar um número 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. Se usarmos os zeros e uns que eu acabamos de falar, estamos falando de apenas dois valores possíveis para cada dígito, 0 ou 1, então isso seria chamado de base 2 ou "binário". Nos computadores, usamos base 16, ou hexadecimal (hex para o short) muito porque ele possui mais valores em um único espaço. Hex usa os seguintes dígitos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Para representar o número 128 em decimal ou base 10 requer 3 dígitos (128), em binário requer 8 dígitos (10000000), e em hex ou base 16 que requer apenas 2 algarismos (80). Então, usando valores hexadecimais na programação, HTML e coisas de computador outros produtos, nós realmente economizar espaço de armazenamento e eficiência de ganho.

Como isso se relaciona com códigos de cores em HTML? Códigos HTML cores são compostas de três conjuntos de números hexadecimais, um para o vermelho, um para o verde, e um para azul.
Por exemplo:

000000 é preto (0 para todas as três cores)

FFFFFF é branco (255 para todas as três cores)

FF0000 é todo vermelho (255 para vermelho, verde 0, 0 azul)

00FF00 é tudo verde (0 vermelho, 255 verde, azul 0)

0000FF é todo azul (0 vermelho, 0 verde, 255 azul)

FFFF00 é Amarelo (255 vermelho, 255 verde, e azul 0)

808080 é um cinza (128 vermelho, 128 verde, azul e 125)

Geralmente, em HTML, você também colocar um "#" na frente do código de cor, mas isso não é necessário quando você especificar todos os seis dígitos. Se você faz perfis para mySpace.com, deixar de fora o "#" também porque filtrá-los e que não irá exibir a cor corretamente se você usar o "#".

Para converter entre valores decimais e Hex, use a calculadora que vem com Microsoft Windows. Abra a calculadora e selecione Exibir e, em seguida, Científica. Você vai ver mais botões e controles sobre a calculadora agora. Para converter um número de Hex para dezembro, clique em "Hex", digitar o número e, em seguida, clique em "dezembro".

Espero que isso ajude você a entender mais sobre Códigos de cores HTML e como as cores são armazenados e especificado em computadores....

Nenhum comentário:

Postar um comentário