Farben im RGB-Format werden in CSS, Grafikdesign und Programmierung verwendet. Manchmal muss man sie jedoch in HEX umwandeln. Wir haben bereits darüber geschrieben, wie man HEX in RGB umwandelt. Jetzt betrachten wir die Umwandlung in die entgegengesetzte Richtung.
RGB-Format
Der RGB-Code besteht aus drei Zahlen im Bereich von 0 bis 255, die die Intensität von Rot, Grün und Blau darstellen. Zum Beispiel, rgb(255, 87, 51).
Wie man RGB manuell in HEX umwandelt
-
Teilen Sie RGB in drei Komponenten auf: Zum Beispiel,
rgb(255, 87, 51)→255,87,51. -
Wandeln Sie jede Zahl in das hexadezimale System um:
-
255(Rot) =FF -
87(Grün) =57 -
51(Blau) =33
-
-
Erhalten Sie den HEX-Wert:
#FF5733.
Beispielcode in JavaScript
function rgbToHex(r, g, b) {
return "#" + [r, g, b].map(x => {
let hex = x.toString(16);
return hex.length === 1 ? "0" + hex : hex;
}).join("");
}
console.log(rgbToHex(255, 87, 51)); // #FF5733
Die Umwandlung von RGB in HEX ist kein komplizierter Prozess. Es reicht aus, jede Komponente in das hexadezimale System umzuwandeln und sie zu einer einzigen Zeichenkette zu verbinden. Dies ist eine nützliche Fähigkeit für Webentwickler und Designer. Wir haben eine separate Seite, auf der Sie RGB in HEX umwandeln können.