Dear color lovers – together, we’ll have a more colorful future. Support us on

RGB in HEX umrechnen

konvertieren zu

Gebe zunächst den Farbcode ein, um die Umrechnung und die am besten passenden Farben zu finden.
Danach kannst du durch Klicken auf Paletten erstellen und Farbmuster herunterladen.

Von RGB zu Hexadezimal umrechnen

Kurzerklärung

Es werden aus den drei Farbwerten für Rot, Grün und Blau die jeweiligen Hexadezimalwerte ermittelt und in die folgende Schreibweise umgeformt: #RRGGBB. Wenn wir die Farbe Rot umwandeln, besteht sie aus 255 roten, 0 grünen und 0 blauen Anteilen. Die RGB-Schreibweise ist dann folgendermaßen: rgb (255, 0, 0).

Diese Farbwerte werden dann jeweils in einen Hexadezimalwert umgewandelt. Aus 255 wird FF, aus 0 wird 00. Damit ergibt sich der Farbwert in hexadezimaler Schreibweise mit #FF0000.

Berechnungsbeispiel

Wir werden nachfolgend am Beispiel der Farbe chartreuse2 eine Umrechnung von rgb zu hex beschreiben.

Ausgangswert ist die Farbe im RGB-Format:

RGB = rgb (118, 238, 0)

Diese Werte werden auf die jeweiligen Farben Rot, Grün und Blau aufgeteilt:

Rot = 118

Grün = 238

Blau = 0

Diese Farbwerte müssen nun von dem Dezimalsystem in das Hexadezimalsystem umgerechnet werden. Dazu muss man wissen, dass die Zahlen von 0 bis 9 für die Werte der Hexadezimalzahlen 0 bis 9 stehen und danach die Zahl 10 für den Buchstaben A oder a, 11 für B oder b, 12 für C oder c, 13 für D oder d, 14 für E oder e und 15 für F oder f. Das bedeutet in unserem Beispiel, dass wir zu Beginn den Wert für Rot (118) umwandeln müssen. Dazu teilen wir den Wert durch 16 (118 / 16 = 7.375). Die Nachkommastellen werden dann mit 16 multipliziert und gegen den Hexadezimalwert ausgetauscht (0.375 * 16 = 6 | 6 bleibt im Hexadezimalsystem 6). Da wir hier im 2-stelligen Hexadezimalbereich rechnen, ist die Vorkommastelle der Wert, den wir in eine Hexadezimalzahl umformen können (7 / 16 = 0.4375 | 0.4375 * 16 = 7). Die Werte werden von hinten nach vorn zusammengestellt, also in unserem Fall 76. Daraus ergeben sich dann die folgenden Berechnungen:

Rot = 118
Rot = 118 / 16 = 7.375 ⇒ 0.375 * 16 = 6
Rot = 7 / 16 = 0.4375 ⇒ 0.4375 * 16 = 7
Rot = 76

Grün = 238
Grün = 238 / 16 = 14.875 ⇒ 0.875 * 16 = 14 = E
Grün = 14 / 16 = 0.875 ⇒ 0.875 * 16 = 14 = E
Grün = EE

Blau = 0
Blau = 0 / 16 = 0 ⇒ 0 * 16 = 0
Blau = 00

Um das Ergebnis unserer Berechnung zu erhalten, müssen die berechneten Werte nun in die Hexadezimal-Schreibweise #RRGGBB gebracht werden:

Hex = #76EE00

RGB-Farbraum

Kurzbeschreibung

RGB steht für die drei Farben Rot, Grün und Blau. Jede der Farben kann den Wert von 0 bis 255 haben. Es gibt deswegen 16.777.216 mögliche RBG-Farben.

Verwendung

Das RGB-Farsystem ist eines der gängigsten Systeme für Webanwendungen und Bild- oder Photo-Bearbeitungen. Es wird bei der Erstellung und Gestaltung von Webseiten verwendet und ist in den meisten Bildbearbeitungsprogrammen zu finden.

Hexadezimal-Farbraum

Kurzbeschreibung

Das Hexadezimal-Farbsystem erstellt alle Farben aus der Kombination der Werte für Rot, Grün und Blau. Es verwendet dabei die Hexadezimal-Schreibweise. In Zweierschritten steht es für den jeweiligen Farbwert. Die Angaben dieser Farben sind immer 6-stellig.

Es werden drei 2-stellige Werte aneinander gereiht, wobei die ersten beiden Werte die Information für Rot, die mittleren Werte die Information für Grün und die letzten beiden Werte die Information für Blau enthalten. Es gibt insgesamt 16.777.216 Hexadezimal-Farben.

Verwendung

Das Hexadezimal-Farbsystem ist eines der gängigsten Systeme für Webanwendungen und Bild- oder Photo-Bearbeitungen. Es wird bei der Erstellung und Gestaltung von Webseiten verwendet und ist in den meisten Bildbearbeitungsprogrammen zu finden.

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.