As cores na web

Introdução

Aprenderemos como colocar cores na web. Há alguns sistemas de cores que precisamos conhecer para entender como adiciona-las em nossas folhas de estilo.

RGB

Monitores são pretos e iluminados por vários pontinhos de luz. Vamos somando pontinhos vermelhos, verdes, e azuis até chegar na cor. A cor RGB É formada por três pares de números, vermelho, verde e azul, formados por três dígitos. Quanto mais alto o número mais clara é a cor.

p {
    color: rgb(0, 0, 255);
}

Eventualmente podemos precisar alterar a opacidade da cor, deixando ela mais transparente ou mais opaca. Para isso, podemos usar um quarto número, que representa o canal alpha da cor.

p {
    color: rgb(0, 0, 255, 0.5);
}

Hexadecimais

Compostos por uma combinação de três conjuntos de pares formados a partir de número e letras de A a F. Quanto mais alto o número mais clara é a cor.

Cada par é responsável por uma cor, assim como o RGB, Vermelho, verde e azul. Ou seja #ff0000 é o vermelho, e o #00ff00 é o verde e #0000ff é o azul.

p {
    color: #ff0000;
}

Referências

http://lokeshdhakar.com/projects/color-thief/ http://moviesincolor.com/ https://color.adobe.com/pt/create/color-wheel/ https://www.w3schools.com/colors/colors_picker.asp?colorhex=F0F8FF https://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/