Hex-Alpha in Deckkraft-Prozent umrechnen #RRGGBBAA
Finden Sie die Deckkraft, die in einer Hexfarbe steckt: Das letzte Paar von #33669980 ist 80, also Byte 128 und eine Deckkraft von 50,2 %, nicht die oft vermuteten 50 %. 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
- Alpha (Hex)
- 80
- Alpha-Byte
- 128
- Deckkraft (%)
- 50,2
Dieser Konverter liest die letzten zwei Stellen einer achtstelligen RRGGBBAA-Farbe und wandelt das Alpha-Byte in einen Prozentwert von 0% bis 100% um. Er prüft vor der Berechnung die gesamte Farbe, akzeptiert ein optionales führendes Rautezeichen und liefert die normalisierte Farbe, das Alpha-Paar, das dezimale Byte und den Deckkraftwert. Das Ergebnis ist deterministisch und wird stets auf zwei Dezimalstellen gerundet. Es eignet sich für Design-Tokens, CSS-Prüfungen, automatisierte Migrationen, Dokumentationen und Tests, die eine stabile Zahl statt einer visuellen Schätzung benötigen.
Lesen Sie das Alpha-Byte an der richtigen Position
Eine achtstellige Hexadezimalfarbe in CSS-Reihenfolge enthält vier Bytepaare: Rot, Grün, Blau und Alpha. Das Alpha-Byte ist daher immer das letzte Paar in RRGGBBAA. Bei #33669980 lauten die Paare 33, 66, 99 und 80; verwendet wird somit 80.
Die Reihenfolge ist wichtig, da einige Grafikwerkzeuge und ältere Formate AARRGGBB mit Alpha am Anfang nutzen. Diese Fähigkeit errät keine Konvention und ordnet keine Kanäle um. Sie akzeptiert ausschließlich RRGGBBAA, optional mit einem führenden Rautezeichen.
Alle acht Stellen werden geprüft, obwohl nur die letzten beiden den Prozentwert bestimmen. So wirkt eine fehlerhafte Farbe wie #ZZZZZZ80 nicht vertrauenswürdig, nur weil ihr Alpha-Paar gültig ist. Dadurch können Sie genau nachvollziehen, welches Byte berechnet wurde.
Falls Ihre Quelle Alpha an den Anfang stellt, wandeln Sie zunächst das Format um.
Wandeln Sie das Byte stabil in Prozent um
Ein Hexadezimalbyte reicht von 00 bis FF beziehungsweise dezimal von 0 bis 255. Für Deckkraft gelten dieselben Endpunkte: Byte 0 ist vollständig transparent, Byte 255 vollständig deckend. Die Berechnung teilt das dezimale Alpha-Byte durch 255 und multipliziert das Ergebnis mit 100.
Alpha 80 entspricht beispielsweise dezimal 128 und ergibt 50.2 statt angenommener 50. Die Endpunkte sind exakt: 00 liefert 0 und FF liefert 100. Das numerische Feld enthält kein Prozentzeichen und lässt sich deshalb ohne Textbereinigung vergleichen, sortieren, serialisieren oder in weiteren Berechnungen verwenden.
Prüfen Sie Eingaben und verwenden Sie das Ergebnis sicher
Eine strenge Eingabeprüfung ist wichtig, wenn Farben Designsysteme, Codegeneratoren oder Stylesheet-Migrationen durchlaufen. Der Konverter lehnt fehlende Werte, Nicht-Zeichenketten, falsche Längen und Zeichen außerhalb von 0-9 oder A-F ab. Leerraum um eine gültige Zeichenkette wird ignoriert und beide Schreibweisen werden akzeptiert; Kurzformen, sechsstellige RGB-Farben, mehrere Rautezeichen und Werte mit Alpha am Anfang werden jedoch nicht stillschweigend repariert.
Automatisierte Abläufe können dadurch früh anhalten und das eigentliche Problem melden. Sie erklären auch, warum 80 ungefähr 50.2% entspricht.
Anwendungsfälle
Design-Tokens prüfen
Wandeln Sie eingebettete Alpha-Bytes in lesbare Prozentwerte um und behalten Sie den exakten Bytewert zur Nachverfolgung.
Erzeugtes CSS kontrollieren
Bestätigen Sie, dass eine exportierte RRGGBBAA-Farbe die erwartete Deckkraft besitzt.
Migrationstests erstellen
Erzeugen Sie stabile Deckkraftwerte für Tests, die achtstellige Farben in eine andere Darstellung übertragen.
Häufige Fragen
Welche achtstellige Hex-Reihenfolge wird unterstützt?
Erforderlich ist RRGGBBAA mit Alpha in den letzten zwei Stellen. AARRGGBB gilt nicht als unterstützte Alternative.
Darf das führende Rautezeichen enthalten sein?
Ja. #33669980 und 33669980 sind gültig und erzeugen dasselbe normalisierte Ergebnis.
Wie wird der Prozentwert berechnet?
Das Alpha-Paar wird als Byte gelesen, durch 255 geteilt, mit 100 multipliziert und auf zwei Dezimalstellen gerundet.
Warum ergibt Alpha 80 den Wert 50.2 statt 50?
Hexadezimal 80 ist dezimal 128; 128 geteilt durch 255 liegt leicht über der Hälfte. Das Ergebnis lautet 50.2.
Welche Deckkraft ergeben die Alpha-Paare 00 und FF?
00 ergibt 0 %, also eine völlig transparente Farbe, und FF, das Byte 255, ergibt 100 %, eine völlig deckende Farbe. Jedes Paar dazwischen wird durch 255 geteilt und mit 100 multipliziert.
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/hex-alpha-to-opacity \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-alpha-to-opacity", {
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/hex-alpha-to-opacity",
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/hex-alpha-to-opacity", 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/hex-alpha-to-opacity", 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.hex_alpha_to_opacity",
"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
Lesen Sie das Alpha-Byte an der richtigen Position
Die Antwort enthält einen kanonischen kleingeschriebenen Hex-Wert und bewahrt das extrahierte Paar als alpha_hex auf.
Wandeln Sie das Byte stabil in Prozent um
Weil die meisten Zwischenwerte keine endliche Dezimalzahl ergeben, wird opacity_percent auf zwei Dezimalstellen gerundet. Diese Regel ist fest und deterministisch: Dieselbe Eingabe erzeugt unabhängig von Browsersprache, Uhrzeit, Netzwerk oder Rechner immer dasselbe JSON. Das Feld alpha_byte bleibt neben dem gerundeten Wert erhalten, damit Sie den ursprünglichen Acht-Bit-Wert bewahren können.
Prüfen Sie Eingaben und verwenden Sie das Ergebnis sicher
Eine abgelehnte Eingabe erzeugt einen hilfreichen invalid_input-Fehler statt eines irreführenden Prozentwerts. Eine API-Umwandlung kostet $0.002; die reine Berechnung benötigt kein Netzwerk und kann unmittelbar im Browser laufen. Nutzen Sie opacity_percent als gerundeten Anzeigewert und alpha_byte als exakten Quellwert für verlustfreie Abläufe.
Technische Fragen
Was geschieht bei einer ungültigen Farbe?
Die Anfrage liefert einen invalid_input-Fehler mit Angaben zum fehlenden Wert, zur Länge, zum Typ oder zum ungültigen Zeichen.
Was kostet eine API-Umwandlung?
Eine Umwandlung kostet $0.002.