JavaScript

Converter RGB para hexadecimal em JavaScript

18 de outubro de 2021

Converter RGB para hexadecimal em JavaScript

Neste artigo você vai aprender a como converter RGB para hexadecimal utilizando JavaScript, com uma simples função que criaremos!

Converter RGB para hexadecimal capa

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)); // #FF05FF

Veja 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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x