Resolvido: javascript hex para rgb

O principal problema com a conversão de valores de cores hexadecimais em RGB é que não há correspondência de um para um entre os dois formatos. Por exemplo, a cor #FF0000 é representada em RGB como 255, 0, 0, mas em hexadecimal seria igual à cor #F0. Isso significa que duas cores diferentes podem ter o mesmo valor RGB se forem compostas por quantidades diferentes de cada componente de cor.

"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;
}

“Usar estrito”;

Essa linha de código ativa o modo estrito, que é uma maneira de escrever um JavaScript melhor. No modo estrito, você não pode usar variáveis ​​não declaradas. Esta linha de código deve estar no topo do seu arquivo JavaScript para que o modo estrito funcione.

função hexToRgb(hex) {
var resultado = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
retornar resultado? {
r: parseInt(resultado[1], 16),
g: parseInt(resultado[2], 16),
b: parseInt(resultado[3], 16)
} : nulo;
}

Esta é uma função que converte um valor de cor hexadecimal em um valor de cor RGB. A função aceita um parâmetro, que é o valor da cor hexadecimal que você deseja converter. A função usa uma expressão regular para corresponder ao padrão de um valor de cor hexadecimal e, se encontrar uma correspondência, retornará um objeto com os valores de vermelho, verde e azul. Se não encontrar uma correspondência, retornará nulo.

Conversão entre cores

Não há uma resposta única para essa pergunta, pois a melhor maneira de converter cores entre diferentes espaços de cores pode variar dependendo das necessidades específicas de seu aplicativo. No entanto, algumas dicas sobre como converter cores entre espaços de cores em JavaScript podem ser encontradas abaixo.

Para converter uma cor de um espaço de cores para outro, você pode usar as funções rgb() e hsl(). Essas funções aceitam três argumentos: um valor vermelho, verde e azul, respectivamente. O primeiro argumento especifica o espaço de cores base (por exemplo, RGB), enquanto o segundo e o terceiro argumentos especificam o espaço de cores de destino (por exemplo, HSL).

Para converter uma cor de um formato de pixel para outro, você pode usar a função css(). Esta função recebe dois argumentos: uma string representando o nome da propriedade CSS (por exemplo, “cor”) e um número representando o valor desejado para essa propriedade (por exemplo, “50”).

Formatos de cores

Existem alguns formatos de cores diferentes que você pode usar em JavaScript.

RGB – Vermelho, Verde, Azul

HEX – #RRGGBB

HSL – Matiz, Saturação, Luminosidade