Conversão de Cores RGB para Hexadecimal em JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Introdução

Neste laboratório, exploraremos o processo de conversão de valores RGB para códigos de cores hexadecimais em JavaScript. Usaremos o operador de deslocamento à esquerda bit a bit (bitwise left-shift operator) e Number.prototype.toString() para converter os parâmetros RGB fornecidos em um valor hexadecimal de 6 dígitos, utilizando String.prototype.padStart(). Este laboratório ajudará você a entender o processo de conversão e fornecerá experiência prática com a implementação do algoritmo em JavaScript.

Conversor de RGB para Hexadecimal

Para converter valores RGB em um código de cor hexadecimal:

  1. Abra o Terminal/SSH e digite node para começar a praticar a codificação.
  2. Use a seguinte função:
const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");
  1. Chame a função com os valores RGB como argumentos para obter um valor hexadecimal de 6 dígitos.

Por exemplo:

RGBToHex(255, 165, 1); // 'ffa501'

Resumo

Parabéns! Você concluiu o laboratório de RGB para Hexadecimal. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.