El principal problema amb la conversió de valors de color hexadecimals a RGB és que no hi ha correspondència un a un entre els dos formats. Per exemple, el color #FF0000 es representa en RGB com 255, 0, 0, però en hexadecimal seria igual al color #F0. Això vol dir que dos colors diferents poden tenir el mateix valor RGB si estan compostos per quantitats diferents de cada component de color.
"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;
}
"utilitzar estricte";
Aquesta línia de codi activa el mode estricte, que és una manera d'escriure millor JavaScript. En mode estricte, no podeu utilitzar variables no declarades. Aquesta línia de codi ha d'estar a la part superior del fitxer JavaScript perquè funcioni el mode estricte.
funció hexToRgb (hex) {
var resultat = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
retornar el resultat? {
r: parseInt(resultat[1], 16),
g: parseInt(resultat[2], 16),
b: parseInt(resultat[3], 16)
} : nul;
}
Aquesta és una funció que converteix un valor de color hexadecimal en un valor de color RGB. La funció pren un paràmetre, que és el valor de color hexadecimal que voleu convertir. La funció utilitza una expressió regular per fer coincidir el patró d'un valor de color hexadecimal, i si troba una coincidència, retornarà un objecte amb els valors vermell, verd i blau. Si no troba cap coincidència, tornarà nul.
Conversió entre colors
No hi ha una resposta única a aquesta pregunta, ja que la millor manera de convertir colors entre diferents espais de color pot variar en funció de les necessitats específiques de la vostra aplicació. Tanmateix, a continuació es poden trobar alguns consells sobre com convertir colors entre espais de color a JavaScript.
Per convertir un color d'un espai de color a un altre, podeu utilitzar les funcions rgb() i hsl(). Aquestes funcions prenen tres arguments: un valor vermell, verd i blau, respectivament. El primer argument especifica l'espai de color base (per exemple, RGB), mentre que el segon i tercer argument especifiquen l'espai de color objectiu (per exemple, HSL).
Per convertir un color d'un format de píxel a un altre, podeu utilitzar la funció css(). Aquesta funció pren dos arguments: una cadena que representa el nom de la propietat CSS (per exemple, "color") i un número que representa el valor desitjat per a aquesta propietat (per exemple, "50").
Formats de color
Hi ha uns quants formats de color diferents que podeu utilitzar a JavaScript.
RGB: vermell, verd, blau
HEX - #RRGGBB
HSL: tonalitat, saturació, lluminositat
