Zum Inhalt springen
Toolars
Erkunden
Fehler melden

Design · Lokal-Werkzeug

RGBA zu HEX

RGBA to HEX Converter

Konvertiere rgb()- und rgba()-Werte mit Kanälen von 0 bis 255 und Alpha von 0 bis 1 in HEX — achtstellig nur, wenn Transparenz vorliegt.

Aufgabenpfad / von der Eingabe zum Ergebnis

Gib die Kanalwerte ein

Läuft lokal · Nichts wird hochgeladen

Wie RGBA zu HEX funktioniert, Datenschutz und verwandte Tools

Aufgabenpfad / von der Eingabe zum Ergebnis

So wandelst du eine RGBA-Farbe in HEX um

  1. 01

    Gib die Kanalwerte ein

    Tippe einen rgb()- oder rgba()-Wert in das Feld RGB- oder RGBA-Farbe — das Feld öffnet mit rgba(109, 94, 248, 0.8) vorbefüllt und akzeptiert bis zu 64 Zeichen. Rot, Grün und Blau müssen Ganzzahlen von 0 bis 255 sein, Alpha eine Zahl von 0 bis 1; Prozentwerte und Kanäle außerhalb des Bereichs werden abgelehnt.

  2. 02

    Führe die Umwandlung aus

    Drücke In HEX umwandeln. Der Parser validiert jeden Kanal vor dem Umwandeln, und das vorherige Ergebnis wird gelöscht, sobald du das Feld bearbeitest, das Panel zeigt also nie einen veralteten Wert.

  3. 03

    Lies das hexadezimale Ergebnis

    Das Ergebnis ist ein Hex-Wert in Großbuchstaben: #RRGGBB, wenn die Farbe voll deckend ist, #RRGGBBAA, wenn das Alpha unter 1 liegt. Das Alpha-Byte ist das Alpha mal 255, gerundet, 0,8 wird also zu 204, geschrieben CC.

  4. 04

    Prüfe die einzelnen Kanäle

    Die Ergebniskanäle und die Vorschau zeigen die exportierte HEX-Farbe, nachdem das Alpha auf ein 8-Bit-Byte quantisiert wurde. Zum Beispiel wird Eingabe-Alpha 0,65 zu 166/255, angezeigt als 0,65098. Dies ist eine Ausgabevorschau, keine unveränderte Kopie des Eingabe-Alphas.

  5. 05

    Lade die Beispielumwandlung

    Drücke Beispiel laden, um einen vollständigen Lauf zu sehen: rgba(14, 165, 233, 0.65) wird zu #0EA5E9A6, weil 0,65 mal 255 auf 166 gerundet wird, was hex A6 ist. Zurücksetzen holt die Standard-Eingabe rgba(109, 94, 248, 0.8) zurück.

  6. 06

    Kopiere oder lade das Ergebnis herunter

    Drücke Ausgabe kopieren, um den Hex-Wert zu kopieren, oder Herunterladen, um ihn als toolars-color-hex.txt zu speichern. Beide bleiben deaktiviert, bis eine Umwandlung erfolgreich war.

Tool-Fakten

Verarbeitung
In deinem Browser
Eingabe verlässt dieses Gerät
Nie
Aufbewahrung
Nichts wird gespeichert
Preis
Kostenlos

Deine Eingabe bleibt im Browser.

RGBA zu HEX nutzt seinen verifizierten lokalen Ausführungspfad und erstellt keinen versteckten Ein- oder Ausgabeverlauf.

Lokale Ausführung

Läuft im aktuellen Browser-Tab.

Keine versteckte Verarbeitung

Aktive Tool-Daten werden nie zu einem Toolars-Dokumentdatensatz.

Kein Konto erforderlich

Nutze den Kern-Workflow ohne Profil. Favoriten werden mit deinem Konto synchronisiert, sobald du dich anmeldest.

Sofortiges Zurücksetzen

Leere den Tab, und die aktiven Arbeitsdaten sind weg.

Was RGBA zu HEX tatsächlich tut

Design-Tokens, ältere Stylesheets und etliche APIs wollen Farben weiterhin als Hex, während berechnetes CSS und moderne Designtools dir rgba() liefern. rgba(14, 165, 233, 0.65) von Hand zu übersetzen heißt drei Dezimal-zu-Hex-Umwandlungen plus das Alpha-Byte. Der RGBA-zu-HEX-Konverter rechnet exakt, behält die Transparenz als achtstelligen Hex und zeigt die geparsten Kanäle, damit du die Eingabe vor dem Kopieren plausibilisieren kannst. Alles läuft auf deinem Gerät, ohne dass etwas irgendwohin gesendet wird, und ohne Konto.

Häufige Fragen

Welche Eingabesyntax wird akzeptiert?
rgb(r, g, b) oder rgba(r, g, b, a) mit kommagetrennten Kanälen: Rot, Grün und Blau müssen Ganzzahlen von 0 bis 255 sein und Alpha eine Zahl von 0 bis 1 wie 0,8 oder .65. Die Notation ist case-insensitiv und toleriert Leerzeichen um die Kommas; Prozentkanäle wie rgb(50%, 30%, 20%) werden bewusst abgelehnt.
Wann enthält die Ausgabe ein Alpha-Byte?
Nur wenn das Alpha unter 1 liegt. rgba(109, 94, 248, 0.8) wird zu #6D5EF8CC, während dieselbe Farbe bei voller Deckkraft zu #6D5EF8 wird — die Hex-Notation trägt nie ein redundantes FF.
Wie wird das Alpha zum letzten Byte?
Das Alpha wird mit 255 multipliziert und auf die nächste Ganzzahl gerundet, dann als zwei Hex-Ziffern in Großbuchstaben geschrieben. 0,5 wird also zu 128, angezeigt als 80, und 0,65 rundet auf 166, angezeigt als A6 — dasselbe Mapping, das CSS für achtstellige Hex-Farben nutzt.
Warum wurde meine Eingabe abgelehnt?
Die Meldung nennt das genaue Problem: ein Kanal über 255, ein nicht ganzzahliger Kanal, ein Alpha über 1 oder ein anderes Format als rgb() oder rgba(). Der Parser ist bewusst strikt, damit ein Tippfehler nie zu einer stillschweigend falschen Farbe wird. Korrigiere den Wert und wandle erneut um — nichts wurde irgendwohin gesendet.
Kann ich Hex zurück in rgba() umwandeln?
Ja — nutze den HEX-zu-RGBA-Konverter, der #RGB, #RGBA, #RRGGBB und #RRGGBBAA akzeptiert und den rgba()-String mit jedem Kanal einzeln zur Kontrolle zeigt.
Wird die Farbe irgendwo hochgeladen?
Nein. Die Umwandlung läuft vollständig in diesem Browser-Tab, Eingaben und Ergebnisse verlassen ihn nie, und es ist kein Konto nötig.

Weiter in Design

Verwandte Aufgaben statt Sackgasse.

Wechsle in einen anderen fokussierten Arbeitsbereich, ohne zum vollständigen Index zurückzukehren.

Generator für CSS-Ladeanimationen

CSS Loader Generator

Gestalte Ladeindikatoren als Ring oder Punkte mit 24 bis 160 px Rahmen und 0,2 bis 4 Sekunden Zyklus — mit Live-Vorschau und Code zum Kopieren.

Erstellen

CSS-Checkbox-Generator

CSS Checkbox Generator

Style eigene Checkboxen auf Basis eines nativen input-Elements — mit Fokus-Umriss, Disabled-Zustand und Reduced-Motion-Variante im kopierfertigen CSS.

Erstellen

CSS-Switch-Generator

CSS Switch Generator

Entwirf Umschalter aus reinem CSS mit frei bemessener Schiene und Regler, 180-ms-Transition und Reduced-Motion-Fallback — Code zum Kopieren.

Erstellen

CSS-clip-path-Generator

CSS Clip Path Generator

Bearbeite Polygonpunkte per Ziehen, Tastatur oder Koordinaten. Vier Vorlagen und lokaler Export als clip-path-Deklaration oder vollständiges CSS.

Erstellen