2
respostas

Cores do css?

Qual a lógica desse código ?

35AF18

2 respostas

Boa tarde Leonel,

Um dos jeitos de representar uma cor em CSS é usar um número na base hexadecimal por exemplo #000000 (preto).

Para descobrir cores em hexadecimal usa-se ferramentas chamadas collorpickers

Abraços

Olá Leonel!

As cores são definidas em Hexa Decimal, segue a mesma lógica de conjuntos que um numero decimal, porém adiciona após o 9 as letras A, B, C, D, E, F.

Isto é utilizado para comprimir a informação. Ao invés de digitarmos o valor Decimal de 0 a 255, digitamos o hexadecimal de 00 até FF ou de 0 a F para cores mais simples.

Na notação decimal, utilizamos 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9 para representar os números. Então a lógica sequencial é 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11.

Em Hexa decimal, ficaria assim: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12 e por aí vai.

Para as cores, os primeiros dois dígitos definem a quantidade de cor vermelha, quanto maior, mais vermelho e 00 é ausência desta cor. Logo, #FF0000 é vermelho.

    <b style="color: #FF0000">Vermelho</b>

Os dígitos 3 e 4 definem a cor verde, logo #00FF00 é verde

    <b style="color: #00FF00">Verde</b>

Por fim, o azul é definido pelos últimos dois dígitos.

    <b style="color: #0000FF">Azul</b>

Misturando esses valores conseguimos outras cores como Amarelo e Roxo e o tom de verde do código da sua pergunta:

<b style="color: #FFFF00">Amarelo, </b>
<b style="color: #FF00FF">Roxo, </b>
<b style="color: #35AF18">Verde</b>

Se zeramos todos, teremos a cor preta:

<b style="color: #000000">Preto</b>

Tudo em F é cor branca:

<b style="color: #FFFFFF">Branco</b>

Se quisermos ser menos precisos na cor, podemos usar apenas um Hexadecimal para cada cor, como no exemplo da cor Cinza abaixo:

<b style="color: #777">Cinza</b>

Digitando "colorpicker" no Google você terá como consultar e gerar estes valores sem fazer muito esforço.

Espero ter ajudado e bons estudos!