Hex8-zu-RGBA-Konverter
Lesen Sie eine transparente Hexfarbe Kanal für Kanal: #33669980 zerfällt in Rot 51, Grün 102, Blau 153 und Alpha 128, das entspricht 0,501961 auf einer Deckkraftskala von 0 bis 1. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Hex
- #33669980
- Red
- 51
- Grün
- 102
- Blau
- 153
- Alpha
- 128
Der Hex8-zu-RGBA-Konverter liest eine achtstellige Hexadezimalfarbe in der Reihenfolge RRGGBBAA und zerlegt sie in Rot, Grün, Blau und Alpha. Vor der Umwandlung prüft er die exakte Länge sowie jedes Zeichen, sodass fehlerhafte Eingaben keine plausiblen, aber falschen Zahlen erzeugen können. Das Ergebnis enthält vier Bytewerte von 0 bis 255, einen normalisierten Alphawert von 0 bis 1 und einen kanonischen Farbcode in Kleinbuchstaben. Sie können den Wert mit oder ohne führendes Rautezeichen eingeben; es gelten stets dieselben transparenten und deterministischen Regeln.
Die RRGGBBAA-Bytereihenfolge verstehen
Eine achtstellige Hexadezimalfarbe besteht aus vier aufeinanderfolgenden Bytepaaren. Das erste Paar steht für Rot, das zweite für Grün, das dritte für Blau und das letzte für Alpha. Bei #33669980 lauten die Paare beispielsweise 33, 66, 99 und 80.
Jedes Paar stellt eine Ganzzahl von 0 bis 255 dar, da zwei Hexadezimalstellen genau ein Byte codieren. Alpha folgt der CSS-Konvention RRGGBBAA: 00 bedeutet vollständig transparent und FF vollständig deckend. Die Reihenfolge ist wichtig, weil manche Systeme Alpha voranstellen und AARRGGBB verwenden.
Dieser Konverter versucht nicht, einen solchen Wert zu erraten oder umzusortieren. Geben Sie RRGGBBAA wahlweise mit einem vorangestellten Rautezeichen ein; die ausgegebenen Felder für Rot, Grün, Blau und Alpha behalten diese Reihenfolge bei. Die Ausgabe enthält außerdem ein rgba-Array mit denselben vier Bytewerten.
Erst prüfen, dann umwandeln
Fehler in Farbangaben sind leicht zu übersehen. Eine fehlende Stelle verschiebt alle folgenden Kanäle, eine zusätzliche Stelle verändert die beabsichtigten Paare, und ein Zeichen wie G gehört nicht zur Hexadezimalschreibweise. Deshalb prüft der Konverter die Eingabe in einer festen Reihenfolge.
Zunächst muss das Feld hex eine Zeichenfolge sein; außen liegende Leerzeichen werden entfernt. Danach wird ein optionales Rautezeichen am Anfang entfernt und geprüft, ob genau acht Zeichen verbleiben. Erst bei korrekter Länge wird kontrolliert, ob alle Zeichen zu 0–9, A–F oder a–f gehören.
Die Umwandlung beginnt nur, wenn beide Prüfungen bestanden sind. So wird verhindert, dass ein allgemeiner Zahlenparser lediglich einen gültigen Anfang übernimmt und ungültigen Resttext stillschweigend ignoriert. Auch die Fehlerkategorien bleiben eindeutig: Eine falsche Größe meldet ein Längenproblem, verbotene Symbole in einer richtig langen Eingabe melden ein Zeichenproblem.
Gültige Werte werden mit führender Raute in Kleinbuchstaben normalisiert, sodass gleichwertige Schreibweisen dieselbe kanonische Farbe und identische Kanäle ergeben.
Anwendungsfälle
Design-Tokens umwandeln
Überführen Sie RRGGBBAA-Werte in ausdrückliche Kanalfelder für einen Theme-Compiler oder ein Komponentensystem.
Importierte Farben validieren
Weisen Sie fehlerhafte achtstellige Farben zurück, bevor sie in Datenbank, Stylesheet oder Grafikpipeline gelangen.
Transparenz untersuchen
Lesen Sie das genaue Alphabyte und seine normalisierte Deckkraft aus, ohne Transparenz visuell schätzen zu müssen.
Häufige Fragen
Muss die Eingabe mit einem Rautezeichen beginnen?
Nein. #RRGGBBAA und RRGGBBAA werden akzeptiert; der zurückgegebene kanonische Hexwert enthält die Raute.
Steht Alpha am Anfang oder am Ende?
Alpha steht am Ende. Die erforderliche Reihenfolge lautet Rot, Grün, Blau, Alpha: RRGGBBAA statt AARRGGBB.
Werden Farben mit drei, sechs oder vier Stellen akzeptiert?
Nein. Diese Funktion erfordert nach dem optionalen Rautezeichen genau acht Hexadezimalstellen.
Sind hexadezimale Großbuchstaben zulässig?
Ja. A–F werden groß- oder kleingeschrieben akzeptiert; der kanonische Hexwert wird kleingeschrieben ausgegeben.
Was kostet eine Umwandlung?
Der Preisplatzhalter wird aus der Deklaration der Funktion aufgelöst.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/color/hex8-rgba \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex8-rgba", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#33669980"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex8-rgba",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#33669980"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex8-rgba", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#33669980"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#33669980"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex8-rgba", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"hex": "#33669980"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex8_rgba",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Hinweise
Die RRGGBBAA-Bytereihenfolge verstehen
Das Feld alpha_normalized teilt das Alphabyte durch 255 und rundet deterministisch auf sechs Dezimalstellen, damit es sich für Systeme mit einer Deckkraftskala von null bis eins eignet.
Deterministische RGBA-Werte im Ablauf verwenden
Die ausgegebenen Kanäle eignen sich für Validierungspipelines, Umwandlungen von Design-Tokens, Stylesheet-Werkzeuge und Datenimporte, die ausdrückliche Zahlenwerte benötigen. Ungültige Zeichenfolgen enden mit einem Eingabefehler, statt berichtigt oder aufgefüllt zu werden. Da der Konverter weder Netzwerk, aktuelle Uhrzeit, Regionseinstellungen noch Zufall verwendet, liefert dieselbe Eingabe stets dasselbe JSON. Verwenden Sie die Ganzzahl, wenn die ursprüngliche Acht-Bit-Darstellung erhalten bleiben muss, und alpha_normalized, wenn eine API eine Deckkraft zwischen null und eins erwartet. Das kanonische hex-Feld erleichtert die Deduplizierung, weil #AABBCCFF und aabbccff dieselbe kleingeschriebene Darstellung ergeben. Eine Umwandlung über die API kostet $0.002; der deterministische Browserpfad ermöglicht sofortige interaktive Nutzung mit unveränderten Analyseregeln.
Technische Fragen
Welchen Wertebereich verwenden die Kanäle?
Rot, Grün, Blau und Alpha sind Ganzzahlen von 0 bis 255. alpha_normalized reicht von 0 bis 1.