RGB zu HEX

Konvertiere Rot-, Grün- und Blau-(RGB)-Ganzzahlen in hexadezimale (HEX)-Farbcode — sofort, direkt in deinem Browser.

Was ist RGB zu HEX?

RGB und HEX sind zwei Möglichkeiten, dieselbe Farbe zu beschreiben. RGB verwendet drei Ganzzahlen von 0 bis 255 für die Rot-, Grün- und Blaukanäle. HEX stellt dieselben Werte in der Basis-16-Notation dar — zum Beispiel wird rgb(58, 123, 213) zu #3A7BD5. Webbrowser, CSS-Frameworks und die meisten Design-Übergabe-Workflows erwarten HEX-Codes, daher ist das Wissen, wie man zwischen den beiden konvertiert, eine tägliche Aufgabe für Webentwickler und Designer.

Dieser Konverter nimmt deine RGB-Werte und liefert sofort den korrekten HEX-Code aus, ohne dass die Seite neu geladen oder Serveraufrufe stattfinden.

So verwendest du RGB zu HEX

1. Gib den Rot-Wert (0-255) in das erste Feld ein.
2. Gib den Grün-Wert (0-255) in das zweite Feld ein.
3. Gib den Blau-Wert (0-255) in das dritte Feld ein. 4. Der HEX-Code wird sofort aktualisiert, während Sie tippen.
4. Klicken Sie auf die Kopierschaltfläche, um das Ergebnis in die Zwischenablage zu übernehmen.

Anwendungsfälle

Design-Spezifikationen in CSS übersetzen — Design-Tools wie Figma und Adobe XD zeigen Farbwerte oft in RGB an. Beim Schreiben von CSS benötigen Sie das entsprechende HEX. Anstatt die Basis-16-Rechnung von Hand zu machen, fügen Sie die Werte hier ein und kopieren das Ergebnis direkt in Ihr Stylesheet.

Markenfarben plattformübergreifend angleichen — Markenrichtlinien dokumentieren Farben manchmal in RGB (besonders für Druckprozesse). Beim Erstellen eines Webprojekts benötigen Sie dieselben Farben in HEX. Dieses Tool liefert eine genaue Konvertierung ohne Rundungsfehler.

Barrierefreiheit prüfen — Browser-Entwicklertools geben berechnete Farben im rgb()-Format zurück. Wenn Sie Farbkontrastverhältnisse dokumentieren oder ein Styleguide erstellen, möchten Sie häufig HEX-Codes zur Konsistenz. Konvertieren Sie sie hier in Sekundenschnelle. ## Warum dieses Werkzeug verwenden

Alle Verarbeitung erfolgt lokal in Ihrem Browser. Ihre Farbwerte werden niemals an einen Server gesendet, was wichtig ist, wenn Sie mit vertraulichen Markenassets oder proprietären Designtoken arbeiten. Es wird kein Konto benötigt, keine Werbung und kein Tracking — einfach jedes Mal eine schnelle, genaue Umwandlung.

Da es clientseitig ausgeführt wird, funktioniert es auch offline. Öffnen Sie die Seite einmal, und der Konverter funktioniert weiter, selbst wenn Ihre Verbindung mitten in der Sitzung ausfällt.

Die Mathematik hinter der RGB-zu-HEX-Umwandlung verstehen Die Umwandlung von RGB- in HEX-Werte basiert auf der Konvertierung von Dezimalzahlen (Basis 10) zwischen 0 und 255 in Hexadezimaldarstellungen (Basis 16). Im Dezimalsystem verwenden wir zehn Ziffern (0-9). Im Hexadezimalsystem verwenden wir sechzehn Zeichen (0-9 gefolgt von A-F, wobei A für 10 steht, B für 11 und so weiter bis F für 15). Um einen einzelnen Farbkanal, wie Rot, umzuwandeln, teilen Sie den Wert durch 16. Der Quotient dieser Division ergibt die erste Hexadezimalzahl, und der Rest ergibt die zweite Zahl. Zum Beispiel, wenn Ihr Rotkanalwert 186 beträgt, teilen Sie 186 durch 16, was einen Quotienten von 11 und einen Rest von 10 ergibt. In der Hexadezimalnotation wird die 11 zum Zeichen “B” und die 10 zum Zeichen “A”. Daher wird der Dezimalwert 186 in HEX zu “BA”. Wenn Sie diese einfache Berechnung für die Grün- und Blaukanäle wiederholen und die drei zweistelligen Werte zusammenfügen, erhalten Sie den endgültigen sechsstelligen HEX-Code, dem ein Rautezeichen (#) vorangestellt wird.