Löst: javascript hex till rgb

Det största problemet med att konvertera hexadecimala färgvärden till RGB är att det inte finns någon en-till-en-överensstämmelse mellan de två formaten. Till exempel är färgen #FF0000 representerad i RGB som 255, 0, 0, men i hex skulle den vara lika med färgen #F0. Det betyder att två olika färger kan ha samma RGB-värde om de är sammansatta av olika mängder av varje färgkomponent.

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

"använd strikt";

Denna kodrad möjliggör strikt läge, vilket är ett sätt att skriva bättre JavaScript. I strikt läge kan du inte använda odeklarerade variabler. Denna kodrad måste finnas överst i din JavaScript-fil för att strikt läge ska fungera.

function hexToRgb(hex) {
var resultat = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
returnera resultat? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(resultat[3], 16)
} : null;
}

Det här är en funktion som konverterar ett hex-färgvärde till ett RGB-färgvärde. Funktionen tar in en parameter, vilket är det hexadecimala färgvärdet som du vill konvertera. Funktionen använder ett reguljärt uttryck för att matcha mönstret för ett hexadecimalt färgvärde, och om den hittar en matchning returnerar den ett objekt med de röda, gröna och blå värdena. Om den inte hittar en matchning kommer den att returnera null.

Konvertering mellan färger

Det finns inget entydigt svar på denna fråga, eftersom det bästa sättet att konvertera färger mellan olika färgrymder kan variera beroende på de specifika behoven i din applikation. Några tips om hur man konverterar färger mellan färgrymder i JavaScript finns dock nedan.

För att konvertera en färg från en färgrymd till en annan kan du använda funktionerna rgb() och hsl(). Dessa funktioner tar in tre argument: ett rött, grönt respektive blått värde. Det första argumentet anger basfärgrymden (t.ex. RGB), medan det andra och tredje argumentet anger målfärgrymden (t.ex. HSL).

För att konvertera en färg från ett pixelformat till ett annat kan du använda funktionen css() . Den här funktionen tar in två argument: en sträng som representerar CSS-egenskapens namn (t.ex. "color") och ett nummer som representerar det önskade värdet för den egenskapen (t.ex. "50").

Färgformat

Det finns några olika färgformat som du kan använda i JavaScript.

RGB – Röd, Grön, Blå

HEX – #RRGGBB

HSL – Hue, Saturation, Lightness