Conversión de Color RGB a Hexadecimal en JavaScript

Beginner

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

Introducción

En este laboratorio, exploraremos el proceso de conversión de valores RGB a códigos de color hexadecimales en JavaScript. Utilizaremos el operador de desplazamiento a la izquierda bit a bit y Number.prototype.toString() para convertir los parámetros RGB dados a un valor hexadecimal de 6 dígitos utilizando String.prototype.padStart(). Este laboratorio te ayudará a entender el proceso de conversión y te dará experiencia práctica en la implementación del algoritmo en JavaScript.

Conversor de RGB a Hexadecimal

Para convertir valores RGB a un código de color hexadecimal:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice la siguiente función:
const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");
  1. Llame a la función con los valores RGB como argumentos para obtener un valor hexadecimal de 6 dígitos.

Por ejemplo:

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

Resumen

¡Felicidades! Has completado el laboratorio de RGB a Hexadecimal. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.