Conversion de couleurs RGB en hexadécimal en JavaScript

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer le processus de conversion des valeurs RGB en codes de couleur hexadécimaux en JavaScript. Nous utiliserons l'opérateur de décalage gauche binaire et Number.prototype.toString() pour convertir les paramètres RGB donnés en une valeur hexadécimale à 6 chiffres en utilisant String.prototype.padStart(). Ce laboratoire vous aidera à comprendre le processus de conversion et vous donnera une expérience pratique de la mise en œuvre de l'algorithme en JavaScript.

Convertisseur RGB en Hexadécimal

Pour convertir des valeurs RGB en un code de couleur hexadécimal :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la fonction suivante :
const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");
  1. Appelez la fonction en utilisant les valeurs RGB comme arguments pour obtenir une valeur hexadécimale à 6 chiffres.

Par exemple :

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

Sommaire

Félicitations ! Vous avez terminé le laboratoire RGB en Hexadécimal. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.