Neste artigo, vou falar um pouco sobre a teoria das cores aplicada às telas. Deste modo você poderá saber um pouco melhor como funciona a escolha da cor em programas como o Photoshop.
Temos uma grande variedade de cores disponíveis e, na maior parte, descrevemos as cores de uma forma que torna difícil ver as relações entre as diferentes cores. Nomes como vermelho, verde, azul, amarelo, roxo e marrom são nomes amplos para conversas sobre cores, mas fornecem poucos insights sobre a estrutura dessa cor. A partir do momento em que podemos falar, a cor é processada pela parte lingüística de nosso cérebro e seu significado está ligado aos nomes que damos às cores.
A dimensão, por outro lado, é processada de maneira diferente por nossos cérebros. Medimos a dimensão de uma forma que é proporcional a um incremento constante e conhecida como polegadas ou centímetros. Essas ideias de medição vêm naturalmente para nós e, enquanto a cor pode ser medida e descrita de maneira semelhante, muitas vezes é muito difícil para nós entender e manipular a cor como uma medida de suas partes.
Só depois que Isaac Newton fez uma série de experimentos com prismas em 1600 é que realmente começamos a entender que a luz era composta de cores diferentes que podem ser medidas independentemente umas das outras. A partir desse momento, rodas de cores foram adotadas por artistas a fim de melhor compreender e misturar cores.
Enquanto a maioria dos artistas usa vermelho, amarelo e azul como cores primárias, e a maioria das classes na teoria das cores se refere a eles como cores primárias, a ciência evoluiu desde os dias de Isaac Newton. Os olhos contêm vários receptores de luz. Os receptores chamados «bastões»Detecte sombras e luzes, e o«cones»Detecte três cores primárias: vermelho, verde e azul.
Essas três cores primárias certamente serão familiares para quem trabalha com programas como o Photoshop, porque é a forma como determinamos o modo de cor (RGB). Os monitores têm partes vermelhas, verdes e azuis em cada pixel. Cada cor tem 256 variações de brilho que dão origem a um total de 16.777.216 possibilidades de cores diferentes. Podemos descrever a cor na web ou no Photoshop com a função de cor RGB rgb (255,115,0) ou valores hexadecimais # FF7300, os quais descrevem a mesma cor de uma maneira ligeiramente diferente.
Cor relativa
Para começar a pensar sobre a cor e suas relações, podemos começar com a função de cor CSS hsl (). Esta função quebra a cor em matiz, saturação e brilho. O matiz é expresso como um grau sem o símbolo de grau (em 360), enquanto a saturação e o brilho são expressos como porcentagens sem o símbolo de porcentagem (em 100).
Portanto, "matiz" é expresso como um valor de 360. Esse valor é atribuído a uma roda de cores. Imagine, pense ou visualize uma roda de cores. Se você tiver vermelho (0) e quiser tornar o amarelo, basta mover o matiz para 60. Na teoria das cores, existe o conceito de cores complementares, que são duas cores em lados opostos da roda de cores. Para encontrar um complemento de vermelho, você só teria que encontrar o valor que é 180 ° em torno da roda do vermelho. Neste caso, 0 para vermelho mais 180 e a cor resultante é verde.
Saturação e brilho são um pouco mais fáceis de entender. A cor totalmente saturada (100) não possui nenhum cinzaEnquanto uma saturação de 0 da qual já falamos, por exemplo, uma imagem em tons de cinza. Com brilho, 0 é preto e 100 é branco. Ajustar esses valores para cima e para baixo tornará a cor escolhida mais clara ou mais escura. Como nossa concepção de cor costuma estar ligada ao matiz de uma cor, é muito mais fácil pensar na saturação e no brilho em termos de escala.