Il problema principale con la conversione dei valori di colore esadecimali in RGB è che non esiste una corrispondenza uno a uno tra i due formati. Ad esempio, il colore #FF0000 è rappresentato in RGB come 255, 0, 0, ma in esadecimale sarebbe uguale al colore #F0. Ciò significa che due colori diversi possono avere lo stesso valore RGB se sono composti da quantità diverse di ciascun componente di colore.
"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;
}
"Usa rigoroso";
Questa riga di codice abilita la modalità rigorosa, che è un modo per scrivere JavaScript migliore. In modalità rigorosa, non è possibile utilizzare variabili non dichiarate. Questa riga di codice deve trovarsi all'inizio del file JavaScript affinché la modalità rigorosa funzioni.
funzione hexToRgb(hex) {
var risultato = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
restituire il risultato? {
r: parseInt(risultato[1], 16),
g: parseInt(risultato[2], 16),
b: parseInt(risultato[3], 16)
} : nullo;
}
Questa è una funzione che converte un valore di colore esadecimale in un valore di colore RGB. La funzione accetta un parametro, che è il valore del colore esadecimale che si desidera convertire. La funzione utilizza un'espressione regolare per abbinare il modello di un valore di colore esadecimale e, se trova una corrispondenza, restituirà un oggetto con i valori rosso, verde e blu. Se non trova una corrispondenza, restituirà null.
Conversione tra colori
Non esiste una risposta univoca a questa domanda, poiché il modo migliore per convertire i colori tra diversi spazi colore può variare a seconda delle esigenze specifiche dell'applicazione. Tuttavia, di seguito sono disponibili alcuni suggerimenti su come convertire i colori tra gli spazi colore in JavaScript.
Per convertire un colore da uno spazio colore a un altro, puoi utilizzare le funzioni rgb() e hsl(). Queste funzioni accettano tre argomenti: rispettivamente un valore rosso, verde e blu. Il primo argomento specifica lo spazio colore di base (es. RGB), mentre il secondo e il terzo argomento specificano lo spazio colore di destinazione (es. HSL).
Per convertire un colore da un formato pixel a un altro, puoi utilizzare la funzione css(). Questa funzione accetta due argomenti: una stringa che rappresenta il nome della proprietà CSS (ad esempio "colore") e un numero che rappresenta il valore desiderato per quella proprietà (ad esempio "50").
Formati di colore
Ci sono alcuni diversi formati di colore che puoi usare in JavaScript.
RGB: rosso, verde, blu
ESAGONALE – #RRGGBB
HSL: tonalità, saturazione, luminosità
