Código de Color

Puedes usar colores personalizados en el formato de línea utilizando la sintaxis de código de color HTML. Esto requiere un valor hexadecimal precedido por un signo de almohadilla. Este es un ejemplo de uso de un color personalizado:

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

Los códigos de color HTML dividen un color en tres partes: rojo, verde y azul. Cada dos caracteres del código de color representan la cantidad de color a aplicar. Los colores son de 24 bits, lo que resulta en más de 16,7 millones de combinaciones de colores, lo que supera ampliamente la capacidad del ojo para percibir una diferencia en esos colores. Cada componente es de 8 bits, lo que resulta en un valor de 0 a 255.

La codificación hexadecimal utiliza números y las letras alfabéticas A a F para representar números. A a F representan valores decimales 10 a 15. Usando este método, 0-255 se puede representar en dos caracteres. El primer carácter en la secuencia de dos caracteres representa 0-15 multiplicado por 16. El segundo carácter se suma a eso en el rango de 0-15.

En el ejemplo anterior, 00 es simplemente un valor rojo de 0. Fácil, ¿verdad? El valor C6 es C o el valor decimal 12 multiplicado por 16, lo que resulta en 192, y luego se suma 6 a eso para obtener un valor final de 198. Asimismo, B3 es el valor de B u 11 multiplicado por 16, lo que resulta en 176, y luego se suma 3 a eso para obtener 179. Por lo tanto, los valores RGB (rojo, verde, azul) son 0, 198 y 179.

También puedes expresar opacidad usando esta sintaxis agregando dos hexadecimales adicionales. Por ejemplo, podrías agregar 80 al final del valor hexadecimal para hacer que el color sea 50% transparente. Ten en cuenta que si no expresas una opacidad con colores de resaltado, OnSong usará automáticamente una opacidad del 50%. Por ejemplo, si deseas que el color de la fuente sea azul sólido con 50% de transparencia, escribirías:

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

También puedes usar códigos hexadecimales más cortos para expresar colores con menos escritura, aunque con menos opciones de color. Por ejemplo, podrías escribir lo siguiente para mostrar texto en rojo:

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

Asimismo, puedes usar cuatro caracteres para agregar la opacidad adicional así:

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

Ahora que sabes cómo hacerlo, es posible que te alegre saber que hay utilidades disponibles para ayudarte a elegir colores y obtener ese código de color HTML sin toda la gimnasia mental. Recomendamos colorpicker.com para ayudarte a mezclar colores y usar el código de color HTML resultante.