Como usar cores hexadecimais para o seu html5 e css3 páginas web baseadas

Cores em HTML5 são uma coisa estranha. A maneira “fácil” (nomes de cores) acaba por ter muitos problemas. O método mais desenvolvedores web realmente

uso soa muito mais difícil, mas não é tão ruim como pode parecer à primeira vista. o cor hex sistema utiliza uma combinação aparentemente bizarro de números e letras para determinar valores de cor. é o aqua. é amarela. É um regime só um cientista da computação poderia amar.

cores Hex trabalhar por descrever exatamente o que o computador está fazendo, então você tem que saber um pouco mais sobre como funcionam os computadores com a cor. Cada ponto (ou pixels) Na tela é realmente composto de três feixes minúsculos de luz. Cada pixel tem pequena vermelho, verde, e feixes azuis.

Os feixes de luz funciona como se fosse luzes do palco. Imagine um estágio preto com três focos (vermelho, verde e azul) formados no mesmo local. Se todas as luzes estão apagadas, o palco é completamente escuro. Se você ligar apenas a luz vermelha, você vê vermelho. Você pode ligar combinações para obter novas cores.

Cor pelo número

Em um sistema de computador, cada uma das pequenas luzes podem ser ajustadas para vários níveis de brilho. Estes valores medem de 0 a 255. Portanto, você poderia descrever vermelho como e amarelo como.

A 0-255 intervalo de valores parece estranho, porque você provavelmente está acostumado a base 10 matemática. O computador realmente armazena valores em notação binária. A forma como um computador vê-lo, o amarelo é realmente 111111111111111100000000. Ack! Tem que haver uma maneira mais fácil de lidar com todos esses valores binários. É por isso que os desenvolvedores usam notação hexadecimal.

Qualquer página que interage com o usuário tende a usar uma linguagem de programação. Sinta-se livre para olhar sobre o código, mas não se preocupe se você ainda não está pronto para adicionar a programação para seus sites.

educação hex

Todos esses 1s e 0s ser entediante. Programadores gostam de converter para outro formato que é mais fácil trabalhar com. Acredite ou não, é mais fácil para converter números binários em base 16 de base 10, de modo que é o que os programadores fazer. Você pode sobreviver muito bem sem compreender base 16 (também chamado hexadecimal) Conversão, mas você deve entender algumas características-chave, tais como:

  • Cada dígito hexadecimal é um atalho para quatro dígitos do binário. Todo o programadores razão usar hex é simplificar o trabalho com binário.

  • Cada dígito representa um valor entre 0 e 15. Quatro dígitos binários representam um valor entre 0 e 15.

  • Temos de inventar alguns dígitos. Toda a razão hex parece tão estranho é a inclusão de caracteres. Isto é por uma razão simples: não há dígitos numéricos suficientes para ir ao redor!

    Decimal (base 10)Hex (base 16)
    00
    11
    22
    33
    44
    55
    66
    77
    88
    99
    10UMA
    11B
    12C
    13D
    14E
    15F

Os dígitos comuns 0-9 são os mesmos em hexadecimal como eles são na base 10, mas os valores de 10-15 (base dez) são representadas por caracteres alfabéticos em hexadecimal.

Video: HTML5 com CSS - Crie sua página Web - Aula 2 complementar



Você está muito acostumado a ver o valor 10 como igual ao número de dedos de ambas as mãos, mas isso nem sempre é o caso quando você começar a andar com sistemas de numeração como estamos fazendo aqui. O número 10 significa simplesmente uma da corrente de base. Até agora, você pode nunca ter usado qualquer base, mas de base dez, mas tudo o que muda hoje.

O número 10 é dez em dez de base, mas na base de duas, 10 significa dois. Na base de oito, 10 significa oito, e em dezasseis bases, 10 significa dezasseis. Isto é importante porque quando você quer falar sobre o número de dígitos em suas mãos em hexadecimal, você não pode usar a notação familiarizado 10, porque em hexadecimal 10 significa dezesseis anos.

Você precisa de um valor de um dígito para representar dez, de modo cientistas da computação-se legislado sair dessa bagunça por empréstimo letras. 10 é A, 11 B, e 15 é F.

Se toda esta teoria matemática é fazer você tonto, não se preocupe. Há alguns atalhos para a criação de grandes cores utilizando este esquema. Por enquanto, porém, aqui está o que você precisa entender para usar cores Hex:

  • A cor requer seis dígitos do hex. Um pixel requer três cores e cada cor usa oito dígitos do binário. Dois dígitos do hex cobrir cada cor. Dois dígitos representam vermelho, dois para verde, e, finalmente, dois para azul.

  • valores de cor hexadecimais geralmente começam com um sinal de libra. Para avisar ao navegador que um valor estará em hexadecimal, o valor geralmente é precedido por um sinal de libra (#).

Trabalhando com cores em hex pode parecer muito louco e difícil, mas tem algumas vantagens importantes:

Video: Curso de HTML - Aula 4 (Cores e Imagens)

  • Precisão: Usando este sistema dá-lhe um grande número de cores para trabalhar. Não há nenhuma maneira que você poderia vir acima com que muitos nomes de cores em seu próprio país. Bem, você poderia, mas você ficaria muito, muito velho pelo tempo que foram feitas.

  • Objetividade: valores hexadecimais não são uma questão de opinião. Poderia haver alguma discussão sobre qual cor é queimado Sienna, mas o valor hexadecimal é inequívoca.

  • portabilidade: A maioria dos softwares de edição gráfica utiliza o sistema hex, assim você pode escolher qualquer cor de uma imagem e obter o seu valor hexadecimal imediatamente. Isso tornaria mais fácil encontrar a cor dos olhos do seu gato para esse santuário online.

  • previsibilidade: Depois de entender como ele funciona, você pode ter qualquer cor hex e convertê-lo para um valor que é um pouco mais escura, um pouco mais brilhante, ou que tem um pouco mais de azul nele. Isto é difícil de fazer com cores nomeadas.

  • Fácil de usar: Este pode parecer um alongamento, mas depois que você compreender a paleta ajustada à Web, é muito fácil obter uma idéia aproximada de uma cor e depois ajustá-lo para fazer exatamente a forma que você está procurando.


Publicações relacionadas