No sistema RGB as cores são formadas a partir da combinação de três cores base, são elas R (vermelho), G (verde) e B (azul). Cada uma dessas cores pode receber valores que vão de 0 até 255, quanto maior o valor, maior é a intensidade da cor. Para se obter a cor vermelho, por exemplo, devemos escrever rgb(255,0,0). Aqui o valor referente ao vermelho está no máximo e os valores referentes a verde e azul estão zerados. Podemos obter variações desse vermelho aumentando um pouco a intensidade das outras cores e/ou diminuindo a intensidade do vermelho, e é isso que essa aplicação se propõe a fazer.
Para uma explicação mais detalhada sobre como funciona o sistema RGB, recomendo esse vídeo do canal CFB Cursos no youtube.
Nessa aplicação, o usuário escolhe uma cor através da TAG . Após isso, o script cria variações dessa cor, hora mudando a intensidade de apenas uma cor base, hora mudando a intensidade de duas cores base, e por fim mudando a intensidade das três cores base. Também existe uma área onde o usuário pode fazer alguns testes, mudando as cores e a opacidade do background de alguns elementos.
Foi particularmente difícil para mim bolar uma lógica onde em um momento apenas uma cor base variasse, e em outro duas e em outro as três. Mas no fim a persistência venceu a frustração.
E assim esse post colorido chega ao fim, adíos!