🟩 Configurações de cor e HSB

No Liberation, a cor é definida como HSB, e não como RGB. Isso pode ser novidade para você, mas considero esse sistema muito mais intuitivo depois que você se acostuma.

HSB - Hue, Saturation e Brightness

Hue

O matiz da cor varia de 0 a 255. 0 é vermelho e, conforme você aumenta o valor, passa por todos os matizes do arco-íris: laranja, amarelo, verde, ciano, azul, roxo, magenta e depois volta para vermelho em 255.

Como isso é um loop, você pode usar uma onda triangular para percorrer todas as cores.

Saturation

Esta configuração ajusta a saturação, ou vivacidade, da cor. Em outras palavras, o quanto ela é colorida, variando de 0 a 255. Defina a saturação como 0 para tons de cinza e 255 para cores completas do arco-íris. Valores intermediários produzem cores pastel, mais lavadas.

Brightness

Provavelmente a mais simples de entender: 0 é completamente preto, 255 é brilho total.

Exemplo de uso

Ciclo de arco-íris :

Defina Brightness e Saturation como 255. Conecte um oscilador Sawtooth ao soquete Hue e ajuste o intervalo de 0 a 255.

Brilho pulsante :

Conecte um oscilador Sawtooth ao soquete Brightness e ajuste o intervalo de 255 a 0. Você também pode ajustar os valores mínimo e máximo do clamp para controlar a duração da mudança. Depois, use as funções de easing para refinar ainda mais a animação.

Flash forte / strobe :

Selecione uma cor usando Hue e Saturation ou clicando no seletor de cores. Conecte um oscilador Square Wave ao soquete Brightness e ajuste o intervalo de 255 a 0.

Percorrer um intervalo personalizado de matizes :

Defina Brightness e Saturation como 255. Conecte um oscilador Triangle Wave ao soquete Hue e ajuste o intervalo :

  • para azul a ciano, use um intervalo de 70 a 128
  • para vermelho a amarelo, use um intervalo de 0 a 40
  • para vermelho a magenta, use um intervalo de 255 a 220