Anzeige
Anzeige
Anzeige
Lesedauer 3 Min.

RGB-Farbwerte in HTML/HEX-Farbcodes umwandeln – und umgekehrt

Auf PCs und Webseiten sind Farben oft als RGB- oder HEX- bzw. HTML-Farbcodes angegeben. Nicht alle Programme oder Apps unterstützten beides. Wollen Sie den einen Farbcode in den anderen umrechnen, geht das ohne Zusatzprogramm.
© (Quelle: PCtipp.ch)

Sie haben vielleicht via Color Picker aus den Microsoft PowerToys den HEX-Code einer Farbe ermittelt, die Sie für etwas Bestimmtes verwenden wollen (z.B. PCtipp-Blau: #6397cd). Aber etwa in der Zeichnen-App Paint lassen sich Farbcodes nur als RGB-Farbwerte eingeben (z.B. 99, 151, 205). Manchmal ist es auch umgekehrt und die App (z.B. der Webbrowser) kennt nur HEX-/HTML-Farbcodes und kann dafür mit RGB-Werten nichts anfangen.

In Grafikprogrammen wie Gimp lassen sich Farbcodes auf beide Arten eingeben; das kann man auch zum Umrechnen verwenden

© Quelle: PCtipp.ch

Es gibt einige Möglichkeiten, die Codes umzuwandeln. Jedes Grafikprogramm kennt das. Zum Beispiel in der Bildbearbeitung Gimp klicken Sie aufs Feld für Vordergrundfarbe ändern und auf die Schaltfläche 0..255. Oben rechts im Farbwähler sehen Sie nun die Werte für RGB (Rot, Grün, Blau), etwa «99.0, 151.0, 205.0», und darunter die HTML-Notation, hier «6397cd». Wenn Sie also für eine gewünschte Farbe nur den einen Farbcode haben und aber den anderen brauchen, können Sie die Werte in einem Werkzeug wie diesem eingeben und umrechnen lassen.

In Windows

Ist kein passendes Grafikprogramm verfügbar? Windows versteht selbst ebenfalls beide Varianten. Machen Sie sich das zu Nutze: Gehen Sie zu Start/Einstellungen/Personalisierung/Hintergrund. Unter Hintergrundfarbe auswählen klicken Sie vor Benutzerdefinierte Farbe aufs Plus-Zeichen. Klappen Sie unterhalb der Farbpalette das Menü bei Mehr auf. Hier finden Sie zwei Möglichkeiten zur Farbcode-Eingabe: Links könnten Sie die exakt gewünschte Farbe mittels RGB-Werten angeben, rechts könnten Sie hineinklicken, den vorhandenen HEX-/HTML-Farbcode inkl. #-Zeichen per Maus markieren und den Ihnen bekannten Farbcode (z.B. #6397cd) überschreiben oder mit Ctrl+V (Strg+V) einfügen. Der Trick ist hier natürlich: Sie müssen die Farbe jetzt nicht übernehmen, sondern können die Übung auch wieder abbrechen, wenn Sie Ihren Desktop nicht in PCtipp-Blau haben wollen. Damit eignet sich dieses Einstellungswerkzeug aber bestens dazu, HTML-Farbcodes (#6397cd) in RGB-Werte (99, 151, 205) umzurechnen – und umgekehrt.

Windows kann sowohl mit RGB- als auch mit HTML-/HEX-Farbcodes umgehen. Damit eignet sich der Desktophintergrund-Farbwähler auch als Umrechner zwischen den Formaten

© Quelle: PCtipp.ch

Lesen Sie auf der nächsten Seite: Farbe umrechnen per Word oder einem praktischen Webdienst.

Per Office-Programm oder Webdienst

In Office

Ist Microsoft Office installiert? Auch hier geht es nur darum, den Farbwähler aufzurufen; Sie müssen die Farbe dann nicht übernehmen. Öffnen Sie zum Beispiel Word mit einem leeren Blatt und wechseln Sie zum Reiter Entwurf. Bei Seitenhintergrund klicken Sie auf Seitenfarbe und wählen Weitere Farben. Wechseln Sie zum Reiter Benutzerdefiniert. Und voilà: Sie haben den kleinen Farbumrechner vor sich. Sobald Sie den gewünschten Farbcode ermittelt haben, klicken Sie auf Abbrechen.

RGB- in Hex- bzw. HTML-Farben umrechnen in Word

© Quelle: PCtipp.ch

Per Webdienst

Es gibt auch Websites, die das Umrechnen anbieten. Surfen Sie zum Beispiel zu dieser Adresse https://www.farb-tabelle.de/de/rgb2hex.htm. Tippen Sie im Feld unter «RGB nach HEX bzw. HEX nach RGB» beispielsweise 99, 151, 205 ein und klicken Sie auf Umwandeln. Schon zeigt die Seite ausführliche Infos zu genau dieser Farbe an, so etwa die Hex- und RGB-Farbwerte und sogar die CMYK-Werte, wie sie in der Druckbranche üblich sind. Der Webdienst zeigt sogar an, welches die Komplementärfarbe der abgefragten Farbe ist. Damit ist jene gemeint, die dieser Farbe im Farbkreis exakt gegenüberliegt. Definitiv ein Bookmark-Tipp!

Webdienst zum Umrechnen von Farbcodes

© Quelle: PCtipp.ch

Kommentare

Bildbearbeitung Windows Windows 10 Software & Tools Windows & PC
Anzeige
Anzeige

Neueste Beiträge

Digitalstudie: Junge Nutzer wollen weniger online sein
Die Deutschen verbringen weiterhin mehr als 67 Stunden pro Woche im Internet. Vor allem bei den unter 40-Jährigen zeichnet sich jedoch ein gegenläufiger Trend ab: Viele wollen ihre Online-Zeit bewusst reduzieren, insbesondere bei Social Media und Messenger-Diensten.
3 Minuten
11. Jun 2026
Videos zum Test vom Mähroboter Mova LiDAX Ultra 1000
Der PCtipp hat den Mähroboter Mova LiDAX Ultra 1000 einem ausführlichen Test unterzogen. Hier noch zwei Videos dazu.
2 Minuten
11. Jun 2026
Prüfung des Einsatzes von Linked Data Services
Linked Data Service (LINDAS) ist eine IT-Dienstleistung des Bundesarchivs (BAR). Mit LINDAS können Bund, Kantone und Gemeinden frei verfügbare, sogenannte offene Verwaltungsdaten (Open Government Data – OGD) vernetzen und publizieren.
2 Minuten
11. Jun 2026

Das könnte Sie auch interessieren

Tipps & Tricks
Schweizer Handy-Nummer: So finden Sie sie heraus
Wenn man einen Kollegen oder einen Firmenkontakt sucht und nicht an seine Handy-Nummer herankommt, hilft manchmal ein einfacher Google-Suchtrick.
3 Minuten
29. Jan 2019
Outlook-Tipps
Das neue Outlook
Microsoft hat seine beliebte E-Mail- und Organisations-Software Outlook komplett überarbeitet. Wir zeigen Ihnen Schritt für Schritt, wie Sie die neue Version einrichten, bedienen und optimal auf Ihre Bedürfnisse anpassen.
9 Minuten
10. Apr 2024
PDF-Tipps
Kostenlose PDF-Tools im Überblick
Das Portable Document Format, kurz PDF, eignet sich ideal zur Weitergabe und Archivierung von Dokumenten. Einmal erstellte PDFs nachträglich zu bearbeiten, ist allerdings nicht ganz so einfach. Diese kostenlosen PDF-Tools lösen das Problem.
8 Minuten
27. Mai 2026
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige

Kommentare