Neste artigo você vai aprender a como converter RGB para hexadecimal utilizando JavaScript, com uma simples função que criaremos!
Fala programador(a), beleza? Bora aprender mais sobre JavaScript!
Podemos criar uma função bem simples, com recursos de JavaScript moderno (ES5+), para resolver o nosso problema
Vamos basicamente passar por todos os argumentos passados para a função, que serão o R, G e B
Estes três valores serão convertirdos para base 16, e isso fará a conversão correta para hexadecial do array RGB
Vamos ver na prática:
const rgbToHex = (r, g, b) => '#' + [r, g, b].map(x => {
const hex = x.toString(16)
return hex.length === 1 ? '0' + hex : hex
}).join('')
console.log(rgbToHex(255, 5, 255)); // #FF05FFVeja que no fim temos um RGB, partindo de três números inteiros, que é como o RGB é composto
A hash (#) também é concatenada ao resultado final, pois este é o padrão do hexadecimal
No fim, os resultados são todos unidos para a cor completa ser entregue
Vale ressaltar que a ideia desta função foi retirada de um tópico do Stack Over Flow, quando eu buscava resolver este problema para um projeto pessoal
Gostei muito da solução e resolvi compartilhar, usem e abusem dela! 🙂
Conclusão
Neste artigo você aprendeu a como converter RGB para hexadecimal com JavaScript
Criamos uma função básica, que recebe os três números do RGB e entrega uma cor em hexadecimal
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!