Código de Cor

Pode utilizar cores personalizadas na formatação de linhas usando a sintaxe de código de cor HTML. Isto requer um valor hexadecimal precedido por um símbolo de cardinal. Este é um exemplo de utilização de uma cor personalizada:

>#00C6B3:This line will be highlighted in teal

Os códigos de cor HTML dividem uma cor em três partes: vermelho, verde e azul. Cada dois carateres do código de cor representam a quantidade de cor a ser aplicada. As cores têm 24 bits, o que resulta em mais de 16,7 milhões de combinações de cores, o que excede em muito a capacidade do olho para perceber uma diferença nessas cores. Cada componente tem 8 bits, o que resulta num valor de 0 a 255.

A codificação hexadecimal utiliza números e as letras A a F do alfabeto para representar números. A a F representam valores decimais de 10 a 15. Utilizando este método, 0-255 pode ser representado em dois carateres. O primeiro caráter na sequência de dois carateres representa 0-15 multiplicado por 16. O segundo caráter é adicionado a isso no intervalo de 0-15.

No exemplo acima, 00 é simplesmente um valor de vermelho de 0. Isso foi fácil, certo? O valor C6 é C ou o valor decimal 12 multiplicado por 16, o que resulta em 192, e depois 6 é adicionado para um valor final de 198. Do mesmo modo, B3 é o valor de B ou 11 multiplicado por 16, o que resulta em 176, e depois o 3 é adicionado para 179. Assim, os valores RGB (vermelho, verde, azul) são 0, 198 e 179.

Pode também expressar opacidade utilizando esta sintaxe adicionando dois hexadecimais adicionais. Por exemplo, poderia adicionar 80 ao final do valor hexadecimal para tornar a cor 50% transparente. Tenha em mente que se não expressar uma opacidade com cores de destaque, OnSong utilizará automaticamente uma opacidade de 50%. Por exemplo, se pretender que a cor da fonte seja azul sólido com 50% de transparência, escreveria:

&#0000FF08:This line will have text in 50% opaque blue.

Pode também utilizar códigos hexadecimais mais curtos para expressar cores com menos digitação, embora com menos opções de cor. Por exemplo, poderia digitar o seguinte para mostrar o texto em vermelho:

&#F00:This text will appear in a red font.

Do mesmo modo, pode utilizar quatro carateres para adicionar a opacidade adicional assim:

&#0F09:This text will appear in 50% green font.

Agora que sabe como fazer isto, pode ficar feliz ao saber que existem utilitários disponíveis para o ajudar a escolher cores e dar-lhe esse código de cor HTML sem toda a matemática mental. Recomendamos colorpicker.com para o ajudar a misturar cores e utilizar o código de cor HTML resultante.