Løst: javascript hex til rgb

Hovedproblemet med å konvertere heksadesimale fargeverdier til RGB er at det ikke er en-til-en-korrespondanse mellom de to formatene. For eksempel er fargen #FF0000 representert i RGB som 255, 0, 0, men i hex vil den være lik fargen #F0. Dette betyr at to forskjellige farger kan ha samme RGB-verdi hvis de er sammensatt av forskjellige mengder av hver fargekomponent.

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

"Bruk streng";

Denne kodelinjen aktiverer streng modus, som er en måte å skrive bedre JavaScript på. I streng modus kan du ikke bruke uerklærte variabler. Denne kodelinjen må være øverst i JavaScript-filen din for at streng modus skal fungere.

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

Dette er en funksjon som konverterer en hex-fargeverdi til en RGB-fargeverdi. Funksjonen tar inn én parameter, som er hex-fargeverdien du vil konvertere. Funksjonen bruker et regulært uttrykk for å matche mønsteret til en hex-fargeverdi, og hvis den finner en match, vil den returnere et objekt med de røde, grønne og blå verdiene. Hvis den ikke finner en match, vil den returnere null.

Konvertering mellom farger

Det finnes ikke noe entydig svar på dette spørsmålet, siden den beste måten å konvertere farger mellom forskjellige fargerom kan variere avhengig av de spesifikke behovene til applikasjonen din. Noen tips om hvordan du konverterer farger mellom fargerom i JavaScript finner du nedenfor.

For å konvertere en farge fra ett fargerom til et annet, kan du bruke funksjonene rgb() og hsl(). Disse funksjonene tar inn tre argumenter: henholdsvis en rød, grønn og blå verdi. Det første argumentet spesifiserer grunnfargerommet (f.eks. RGB), mens det andre og tredje argumentet spesifiserer målfargerommet (f.eks. HSL).

For å konvertere en farge fra ett pikselformat til et annet, kan du bruke css()-funksjonen. Denne funksjonen tar inn to argumenter: en streng som representerer CSS-egenskapens navn (f.eks. "farge") og et tall som representerer ønsket verdi for den egenskapen (f.eks. "50").

Fargeformater

Det er noen forskjellige fargeformater du kan bruke i JavaScript.

RGB – rød, grønn, blå

HEX – #RRGGBB

HSL – Hue, Saturation, Lightness

Relaterte innlegg:

Legg igjen en kommentar