RGB-Werte einer Farbe bestimmen und verstehen

Kurzantwort

Messen Sie die Farbe mit dem Farbwähler von Color Identifier in einem Foto oder Screenshot, oder öffnen Sie eine beliebige benannte Farbe aus der Bibliothek, und schauen Sie in die RGB-Zeile der Detailansicht. „RGB kopieren“ übernimmt die Werte im Format R: 58, G: 123, B: 213. Jeder Kanal reicht von 0 bis 255: 255, 255, 255 ist Weiß, 0, 0, 0 ist Schwarz, drei gleiche Zahlen ergeben ein neutrales Grau. Die Bibliothek samt Werten steht allen offen, das Messen in Fotos gehört zu Pro.

Was die drei Zahlen bedeuten

R, G und B geben an, wie stark ein Bildpunkt rotes, grünes und blaues Licht abstrahlt. Jeder Kanal wird mit 8 Bit gespeichert, also in 256 Stufen von 0 bis 255; zusammen ergeben sich gut 16,7 Millionen Kombinationen. Reines Rot ist 255, 0, 0. Kommt Grün hinzu, wandert der Ton über Orange zu Gelb, mit zusätzlichem Blau dagegen in Richtung Pink und Violett.

Die Zahlen verraten mehr als das Farbfeld. Liegen alle drei dicht beieinander, handelt es sich um ein Grau oder einen gedeckten Ton. Ragt ein Kanal heraus, kennen Sie die Farbfamilie. Niedrige Werte bedeuten eine dunkle, hohe eine helle Farbe. Ein Sandton wie 200, 180, 150 zeigt das gut: Rot führt, Blau ist am schwächsten, alle drei sind hoch, also ergibt sich ein heller, warmer Ton.

RGB, HEX, HSB und CMYK im Vergleich

HEX ist RGB im Sechzehnersystem: rgb(148, 118, 108) und #94766C beschreiben dieselbe Farbe. HSB zerlegt sie in Farbton (0 bis 360 Grad auf dem Farbkreis), Sättigung und Helligkeit, was praktisch ist, wenn Sie eine hellere oder blassere Variante suchen. CMYK ist das Modell für Cyan, Magenta, Gelb und Schwarz im Druck; die Umrechnung einer Bildschirmfarbe liefert einen Startwert, aber keine Garantie, dass das Papier später genauso aussieht.

Im Alltag heißt das: CSS versteht rgb() und HEX gleichermaßen, Figma, Sketch und Canva arbeiten vor allem mit HEX und zeigen RGB an, Word und PowerPoint fragen im Dialog für benutzerdefinierte Farben nach Rot, Grün und Blau. Kopieren Sie einfach das Format, das Ihr Werkzeug erwartet, statt von Hand umzurechnen.

Warum die Werte je nach Gerät leicht schwanken

Dasselbe Bild kann in zwei Apps minimal andere Zahlen liefern. iPhone-Fotos liegen oft im größeren Farbraum Display P3 vor, viele Webwerkzeuge arbeiten in sRGB, und jede Umrechnung zwischen beiden verschiebt die Werte ein wenig. Auch JPEG-Kompression und Verkleinern verändern einzelne Pixel.

Eine Abweichung von ein oder zwei Einheiten je Kanal sieht niemand, und sie ist kein Fehler. Unterscheiden sich die Werte um mehr als etwa zehn, prüfen Sie, ob wirklich dieselbe Stelle gemessen wurde. Meist steckt ein nahes Glanzlicht, ein Schatten oder eine Kante dahinter.

RGB aus Fotos, Screenshots und der Kamera

Screenshots liefern exakte Werte, weil ihre Pixel die gerenderte Farbe sind. Bei Fotos realer Dinge formen Licht und Weißabgleich das Ergebnis: Eine weiße Wand unter warmen Glühlampen enthält deutlich mehr Rot als Blau. Solche Werte passen, wenn Sie das Bild nachempfinden wollen, sind aber nicht die wahre Farbe des Gegenstands.

Der Fotowähler misst ein einzelnes Pixel; platzieren Sie ihn in einer ruhigen Fläche und vergleichen Sie zwei oder drei Ergebnisse. Die Live-Kamera arbeitet anders: Sie mittelt einen kleinen Bereich und sucht die nächstgelegene benannte Farbe. Was Sie dort speichern, ist diese benannte Farbe mit ihren Werten, nicht das Pixel selbst. Wer die Zahlen des Pixels braucht, macht ein Foto und misst darin.

Farben über RGB gezielt verändern

Mit den Zahlen werden kleine Änderungen berechenbar. Alle drei Kanäle um denselben Betrag anheben macht eine Farbe heller, ohne ihren Charakter zu verlieren. Den größten Kanal absenken nimmt Sättigung heraus. Die drei Werte einander annähern schiebt den Ton Richtung Grau.

In der App öffnen Sie dafür „Anpassen“: RGB- oder HSB-Schieberegler verändern eine vorhandene Farbe, das Ergebnis wird als neue Farbe mit eigenem HEX- und RGB-Wert gespeichert. Für reine Helligkeits- oder Sättigungsänderungen ist HSB der bequemere Weg. Behalten Sie jede gelungene Variante, um sie später nebeneinander zu vergleichen.

Werte ohne Tippfehler weitergeben

Abschreiben ist die häufigste Fehlerquelle: Aus 118 wird schnell 181. Jede Wertezeile der Detailansicht hat deshalb eine eigene Kopiertaste. Über Teilen geht eine Farbe als Text mit allen vier Formaten oder als Bild an Kolleginnen, Kunden oder die Druckerei. Achten Sie beim Einfügen auf das Zielformat: Manche Felder erwarten drei einzelne Eingaben, andere eine Zeile mit Kommas, CSS die Schreibweise rgb(148, 118, 108).

Häufige Fragen

Welche RGB-Werte haben Weiß und Schwarz?

Weiß ist 255, 255, 255, Schwarz ist 0, 0, 0. Jede Farbe mit drei gleichen Werten ist ein neutrales Grau, zum Beispiel 128, 128, 128.

Sind RGB und HEX dasselbe?

Inhaltlich ja, nur anders geschrieben. HEX notiert die drei RGB-Werte im Sechzehnersystem: Aus 255, 87, 51 wird #FF5733.

Warum zeigt eine andere App andere RGB-Werte?

Apps rechnen unterschiedlich zwischen Farbräumen wie Display P3 und sRGB um, und Kompression verändert Pixel. Wenige Einheiten Unterschied sind normal; große deuten auf eine andere Messstelle.

Kann ich RGB-Werte für den Druck verwenden?

Als Ausgangspunkt. Gedruckt wird mit CMYK, und nicht jeder Bildschirmton lässt sich mit vier Druckfarben erreichen. Rechnen Sie um und lassen Sie sich von der Druckerei einen Proof zeigen.

Kann ich RGB-Werte eintippen, um eine Farbe nachzuschlagen?

Nein. Die App liest RGB aus Farben, die Sie messen oder öffnen; danach können Sie den Ton mit den Schiebereglern unter „Anpassen“ feinjustieren und als neue Farbe sichern. Eintippen lässt sich nur ein HEX-Code in der Suche, und das mit Pro.