Jak przekonwertować RGB na Hex w JavaScript

Programy edycji zdjęć reprezentują głównie kolory w modelu RGB (Red Green Blue), od 0 do 255. Jeśli chcesz wykorzystać dowolny konkretny kolor jako tło elementu HTML, konieczne jest uzyskanie reprezentacji heksadecimalnej wybranej wartości RGB. Wiele konwerterów kolorów RGB online na sześciokątne może wykonywać tę funkcję za pomocą JavaScript.

Ten blog pokaże metodę przekształcania RGB na Hex w JavaScript.

Jak przekonwertować RGB na Hex w JavaScript?

W JavaScript możesz użyć „ToString ()”Metoda konwersji RGB na sześciokąt. Metoda ToString () przyjmuje podstawę „16”Jako parametr do konwersji określonej wartości RGB w szesnastkową i zwraca reprezentację ciągu.

Przejrzyj poniższy przykład, aby lepiej zrozumieć powyższą koncepcję.

Przykład: przy użyciu metody „ToString ()” do konwersji RGB na HEX w JavaScript

Po pierwsze, zdefiniujemy funkcję o nazwie „valueToHex ()”I przekaż„C„Jako argument. Następnie przekonwertuj go za pomocą „ToString ()„Metoda i przejście”16”Jako wymagana podstawa łańcucha. Ta funkcja zwróci konwertowaną wartość RGB do przechowywanej wartości szesnastej w „klątwa" zmienny:

funkcja valueToHex (c)
var hex = c.Toostring (16);
Powrót Hex

Następnie zdefiniujemy „rgbtohex ()”Funkcja przyjmowana„R”,„G”,„B”Wartości jako argumenty. Aby przekształcić każdą wartość, zadzwoń do „valueToHex ()" metoda:

funkcja rgbtohex (r, g, b)
return (valueToHex (r) + valueToHex (g) + valueToHex (b));

Na koniec zadzwoń do „rgbtohex ()”Funkcjonuj i umieść wartości RGB, aby uzyskać pożądane przekonwertowane wartości szesnastkowe:

konsola.Log („Konwertowane wartości szesnastkowe to:”)
konsola.log (RGBTOHEX (12, 51, 255));

W naszym przypadku minęliśmy „12”,„51", I "255”Jako RGB, który jest przekonwertowany na„C33ff„Wartość szesnastka:

Zapewniliśmy najprostszą metodę konwersji „RGB" Do "KLĄTWA„W JavaScript.

Wniosek

Aby przekonwertować RGB na Hex w JavaScript, możesz użyć „ToString ()”Metoda w funkcji konwersji RGB zdefiniowanej przez użytkownika do HEX. Ta funkcja przyjmuje każdą wartość RGB jeden po drugim i wywoła metodę TOString () do konwersji jej na HEX, określając bazę jako „16". Po tym zwraca przekonwertowany RGB na wartość sześciokątną. Ten blog poprowadził Cię o procedurę konwersji RGB na Hex w JavaScript.