Hvordan konvertere RGB til Hex i JavaScript

Fotoredigeringsprogrammer representerer stort sett farger i RGB (Red Green Blue) -modellen, fra 0 til 255. I tilfelle du vil bruke hvilken som helst spesifikk farge som HTML -elementets bakgrunn, er det påkrevd å få den heksadesimale representasjonen av den valgte RGB -verdien. Mange online RGB til Hex Color -omformere kan utføre denne funksjonaliteten ved hjelp av JavaScript.

Denne bloggen vil demonstrere metoden for å konvertere RGB til Hex i JavaScript.

Hvordan konvertere RGB til Hex i JavaScript?

I JavaScript kan du bruke "toString ()”Metode for å konvertere RGB til Hex. ToString () -metoden tar basen “16”Som en parameter for å konvertere den spesifiserte RGB -verdien til heksadesimal og returnerer sin strengrepresentasjon.

Gå gjennom følgende eksempel for en bedre forståelse av konseptet ovenfor.

Eksempel: Bruke "ToString ()" -metode for å konvertere RGB til Hex i JavaScript

For det første vil vi definere en funksjon som heter “Valuetohex ()”Og pass“c”Som et argument for det. Konverter den deretter ved hjelp av “toString ()”Metode og pass“16”Som den nødvendige basen av strengen. Denne funksjonen vil returnere den konverterte RGB til Hex -verdien som er lagret i “hex”Variabel:

Funksjon Valuetohex (c)
var hex = c.toString (16);
Returner hex

Deretter vil vi definere en "RGBTOHEX ()”Funksjon tar”r”,“g”,“b”Verdier som argumenter. For å konvertere hver verdi, ring "Valuetohex ()”Metode:

funksjon rgbtohex (r, g, b)
Return (Valuetohex (R) + Valuetohex (G) + Valuetohex (B));

Til slutt, ring "RGBTOHEX ()”Funksjon og plasser RGB -verdiene for å få de ønskede konverterte heksadesimale verdiene:

konsoll.Logg ("De konverterte heksadesimale verdiene er:")
konsoll.Log (RGBTOHEX (12, 51, 255));

I vårt tilfelle har vi gått "12”,“51”, Og“255”Som RGB som konverteres til“C33ff”HEX VERDI:

Vi har gitt den enkleste metoden for å konvertere “RGB" til "Hex”I JavaScript.

Konklusjon

For å konvertere RGB til Hex i JavaScript, kan du bruke "toString ()”Metode i en brukerdefinert RGB til Hex-konverteringsfunksjonen. Denne funksjonen vil ta hver RGB -verdi en etter en og ringe toString () -metoden for å konvertere den til hex ved å spesifisere basen som "16”. Etter å ha gjort det, returnerer den den konverterte RGB til hex -verdien. Denne bloggen ledet deg om prosedyren for å konvertere RGB til Hex i JavaScript.