Entendendo o Hexadecimal das cores...
Algumas vezes vocês já devem ter perguntado a si mesmo. Que danado significa esses hexadecimais?. Já fiz essa pergunta diversas vezes e corri atrás para tentar descobrir e entender um pouco mais como isso tudo acontece. Para quem não sabe, as cores em hexadecimais (como utilizamos para colocar no html/css e em alguns programas) é em escala RGB (Red/Green/Blue). Até aí tá muito fácil. Mas como sabemos qual a cor a partir do valor em hexadecimal ?
Vamos lá. Vou seguir como exemplo o azul que utilizo no background do topo do meu site (#006699). Para descobrirmos, dividimos em 3 duplas hexadecimais e cada dupla vai representar uma cor. Neste caso: Red = 00, Green = 66 e Blue = 99. Certo, mas como sabemos a intensidade de cada cor ? Simples! Cada cor em hexadecimal vai de 00 à FF e só podem conter valores hexadecimais (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F). Tá começando a complicar ? Que nada! Veja como é fácil:
Para converter esse valor hexadecimal na escala RGB(0->255), consegui fazer uma fórmula bem cool. Vamos tomar como exemplo o verde(green) com o valor 66. O primeiro 6 será x e o segundo 6 será y. A formula do sucesso é: x*16 + y. Então 66 em Hexadecimal representa 102 na escala 0->255, ou seja, o verde equivale a 102 em 255 (40%). Em resumo, existe 40% do verde básico na cor que usei como exemplo.
Ahh que legal!! Mas e quando não for valor numeral e for as letras, como fazer o cálculo ? Simples!! Basta seguir a escala como em uma régua. A letra a vale 10, b vale 11, c vale 12 e assim sucessivamente.
Espero ter ajudado vocês a entenderem algo que vocês nunca precisarão utilizar na prática, apenas quando vocês estiverem um pouco loucos como eu sempre estou e não tiverem nada para fazer. Um abraço para Ítalo Araújo, Júlio Fragoso e Roque Júnior que me ajudaram a martelar a cabeça com isso no horário de trabalho. Até a próxima !
