sexta-feira, agosto, 2018

Cores Hexadecimais

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas
Loading...Loading...
FavoriteLoadingFavoritar este Post

Provavelmente você já conhece o que é o sistema RGB e já deve ter percebido que o HEX sempre andar por perto, um sistema de cores para HTML, que começa pelo símbolo # seguido de 6 números ou 6 letras. A seguir vamos explicar exatamente como funciona esse sistema.

 

Os valores numéricos vão de 0 a 9 e os alfabéticos de A a F, sendo 0 considerado como Sombra (Escuridão) e F Cor (brilho)

hex1

F também representa a aparência de matiz, e 0 a ausência dela. No canal vermelho seria assim:

hex2

Como dito acima, a intensidade de brilho e matiz aumenta de 0 para F e diminui no sentido oposto. Logo temos o código #000000 representando a escuridão total com sem nenhum matiz, enquanto o código #FFFFFF mostra o máximo de matiz e brilho.

No código hexadecimal também devemos nos atentar a posição de cada dígito, pois como dito ele anda lado a lado ao RGB e por isso, os primeiros dois dígitos vão representar ao canal vermelho (R), o terceiro e o quarto o canal verde (G) e o quinto e sexto, o canal azul (B).

Agora vamos supor que os 6 dígitos sejam, Vermelho Maior, Vermelho Menor, Verde Maior, Verde Menor, Azul Maior e Azul Menor. Um dígito maior decide se a cor resultante será um tom de vermelho, verde ou azul; e um dígito menor decide o tom ou tonalidade dessa cor. Os dígitos com maior valor são mais brilhantes e saturados, enquanto os dígitos com menor valor são escuros e desaturados.

hex3

Um código de cores hexadecimais # 3F51B5 resultará em tom de azul, já que o dígito principal azul tem o valor mais brilhante em comparação com o vermelho e o verde maior. Exemplo pode ser visto na representação gráfica abaixo:

hex4

No código de cor # FF0000, os dígitos maiores e menores para o canal vermelho são F, que representam o matiz e matiz mais brilhantes. Os dígitos para os outros dois canais são 0, o que representará o esgotamento de matizes e um valor nulo para o brilho, portanto, a cor interpretada no modelo RGB será uma tonalidade mais clara de Vermelho.

hex5

De uma maneira muito semelhante, os resultados interpretados para os códigos hexadecimais # 00FF00 e # 0000FF serão Verde e Azul, respectivamente.

hex6 hex7

Se um código de cor hexadecimal for escrito como “# FC3”, ele será interpretado como “# FFCC33”.

hex8

E se todos os valores dos dígitos do código hexadecimal forem os mesmos, resultará em tons de cinza.

hex9

Glossário

  • Sombra – Qualquer cor com adição de preto é chamada de tonalidade da cor original.
  • Matiz – Qualquer cor com adição de Branco é chamada Matiz da cor original.
  • Tom - Qualquer cor com adição de cinza é chamada de tom da cor original.
  • Matiz - Matiz pode ser uma cor, tonalidade, matiz ou tom.

Caso você queira testar na prática os códigos, acesse essa ferramenta online.

 

Texto adaptado.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Conheça a nova linha para profissionais criativos

Os últimos lançamentos da Wacom, a nova geração da Intuos Pro, Intuos Pro Paper Edition…

Leia mais >