Le principal problème avec la conversion des valeurs de couleur hexadécimales en RVB est qu'il n'y a pas de correspondance un à un entre les deux formats. Par exemple, la couleur #FF0000 est représentée en RVB par 255, 0, 0, mais en hexadécimal, elle serait égale à la couleur #F0. Cela signifie que deux couleurs différentes peuvent avoir la même valeur RVB si elles sont composées de quantités différentes de chaque composant de couleur.
"use strict";
function hexToRgb(hex) {
var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
return result ? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16)
} : null;
}
«Utiliser strict»;
Cette ligne de code active le mode strict, qui est un moyen d'écrire un meilleur JavaScript. En mode strict, vous ne pouvez pas utiliser de variables non déclarées. Cette ligne de code doit se trouver en haut de votre fichier JavaScript pour que le mode strict fonctionne.
fonction hexVersRgb(hex) {
var résultat = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
retour résultat ? {
r : parseInt(résultat[1], 16),
g : parseInt(résultat[2], 16),
b : parseInt(résultat[3], 16)
} : nul;
}
Il s'agit d'une fonction qui convertit une valeur de couleur hexadécimale en une valeur de couleur RVB. La fonction prend un paramètre, qui est la valeur de couleur hexadécimale que vous souhaitez convertir. La fonction utilise une expression régulière pour faire correspondre le modèle d'une valeur de couleur hexadécimale, et si elle trouve une correspondance, elle renverra un objet avec les valeurs rouge, vert et bleu. S'il ne trouve pas de correspondance, il renverra null.
Conversion entre les couleurs
Il n'y a pas de réponse unique à cette question, car la meilleure façon de convertir les couleurs entre différents espaces colorimétriques peut varier en fonction des besoins spécifiques de votre application. Cependant, quelques conseils sur la façon de convertir les couleurs entre les espaces colorimétriques en JavaScript peuvent être trouvés ci-dessous.
Pour convertir une couleur d'un espace colorimétrique à un autre, vous pouvez utiliser les fonctions rgb() et hsl(). Ces fonctions prennent trois arguments : une valeur rouge, verte et bleue, respectivement. Le premier argument spécifie l'espace colorimétrique de base (par exemple RVB), tandis que les deuxième et troisième arguments spécifient l'espace colorimétrique cible (par exemple HSL).
Pour convertir une couleur d'un format de pixel à un autre, vous pouvez utiliser la fonction css(). Cette fonction prend deux arguments : une chaîne représentant le nom de la propriété CSS (par exemple « couleur ») et un nombre représentant la valeur souhaitée pour cette propriété (par exemple « 50 »).
Formats de couleur
Il existe plusieurs formats de couleurs différents que vous pouvez utiliser en JavaScript.
RVB – Rouge, Vert, Bleu
HEX - #RRGGBB
HSL – Teinte, Saturation, Luminosité
