Conversión de Color RGB a Hexadecimal en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

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.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28601{{"Conversión de Color RGB a Hexadecimal en JavaScript"}} javascript/data_types -.-> lab-28601{{"Conversión de Color RGB a Hexadecimal en JavaScript"}} javascript/arith_ops -.-> lab-28601{{"Conversión de Color RGB a Hexadecimal en JavaScript"}} javascript/comp_ops -.-> lab-28601{{"Conversión de Color RGB a Hexadecimal en JavaScript"}} end

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.