Qual a lógica desse código ?
Qual a lógica desse código ?
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!