Farben im HEX-Format werden am häufigsten in HTML, CSS und Grafikdesign verwendet. Manchmal muss man sie jedoch in RGB umwandeln.
HEX-Format
Der HEX-Farbcode besteht aus # und sechs Zeichen (zum Beispiel #FF5733). Die ersten beiden Zeichen repräsentieren die Intensität von Rot, die nächsten beiden von Grün und die letzten beiden von Blau.
Wie man HEX manuell in RGB umwandelt
Der HEX-Code ist eine hexadezimale Zahl, während in RGB jede Komponente im Dezimalsystem dargestellt wird. Um HEX in RGB zu konvertieren:
-
Teilen Sie den HEX-Code in drei Teile: Zum Beispiel
#FF5733→FF,57,33. -
Wandeln Sie jeden Teil in das Dezimalsystem um:
-
FF(rot) =255 -
57(grün) =87 -
33(blau) =51
-
-
Erhalten Sie den RGB-Wert:
rgb(255, 87, 51).
Beispielcode in JavaScript
function hexToRgb(hex) {
hex = hex.replace(/^#/, "");
if (hex.length === 3) {
hex = hex.split("").map(c => c + c).join("");
}
let bigint = parseInt(hex, 16);
return `rgb(${(bigint >> 16) & 255}, ${(bigint >> 8) & 255}, ${bigint & 255})`;
}
console.log(hexToRgb("#FF5733")); // rgb(255, 87, 51)
Die Umwandlung von HEX in RGB ist kein komplizierter Prozess. Man muss nur wissen, dass HEX nur ein anderer Farbformat ist, der leicht in das Dezimalsystem umgewandelt werden kann. Es ist eine nützliche Fähigkeit für Webentwickler und Designer.
Wir haben eine separate Seite, auf der Sie HEX in RGB umwandeln können.