Hex nach Rec. 709-Luminanz in Graustufen umwandeln
Wandeln Sie #3498DB mit der Rec.-709-Luminanz in Grau um: 0,2126 × Rot + 0,7152 × Grün + 0,0722 × Blau ergibt 135,5774, gerundet 136, also das neutrale Grau #888888. 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
- #3498DB
- Eingabe-Hex
- #3498db
- Grau (Hex)
- #888888
- Grauwert
- 136
- Luminanz
- 135,5774
Dieser Konverter wandelt eine streng formatierte #RRGGBB-Farbe mit den Rec. 709-Luminanzgewichten in neutrales Grau um. Grün erhält den größten Einfluss, danach folgen Rot und Blau. Dadurch wird die wahrgenommene Helligkeit besser abgebildet als durch einen einfachen Mittelwert. Die Antwort enthält die normalisierte Eingabe, RGB-Kanäle, ungerundete Luminanz, den gerundeten Grauwert, den grauen Hex-Code und die Formel. Kurzformen, Werte ohne Raute, Alphakanäle, Leerzeichen und nicht hexadezimale Zeichen werden eindeutig abgelehnt.
Warum Rec. 709-Gewichte einen brauchbaren Grauwert ergeben
Ein mathematischer Mittelwert behandelt Rot, Grün und Blau so, als trüge jeder Kanal gleich viel zur sichtbaren Helligkeit bei. Das menschliche Sehen reagiert jedoch nicht gleich stark auf diese Primärfarben. Grün wirkt bei demselben Zahlenwert meist deutlich heller als Blau, während Rot dazwischenliegt.
Dieser Konverter verwendet die Rec. 709-Luma-Koeffizienten: 0.2126 für Rot, 0.7152 für Grün und 0.0722 für Blau. Die drei gewichteten Beiträge werden addiert und das Ergebnis auf die nächste ganze Kanalzahl gerundet.
Dieser Wert wird für Rot, Grün und Blau wiederholt und bildet so ein neutrales sechsstelliges Grau. Es vermeidet die offensichtlichen Helligkeitsverzerrungen eines arithmetischen Mittels und bleibt transparent, schnell sowie in anderen Programmiersprachen leicht reproduzierbar. Die Antwort weist sowohl die berechnete Luminanz als auch die endgültige Ganzzahl aus.
So können Sie Gewichtung und Rundung getrennt prüfen und die Umwandlung nachvollziehen, ohne sich auf eine verborgene Einstellung eines Bildeditors verlassen zu müssen.
So übergeben Sie eine Farbe und lesen die Antwort
Senden Sie ein Objekt mit einem hex-Feld, beispielsweise #3498db. Die Validierung ist bewusst streng: Der Wert muss eine Zeichenfolge sein, die mit einer Raute beginnt und von genau sechs hexadezimalen Ziffern gefolgt wird. Groß- und Kleinbuchstaben sind zulässig.
Abgelehnt werden hingegen die dreistellige Kurzform, achtstellige Alphanotation, ein 0x-Präfix, Leerzeichen, benannte CSS-Farben und Werte ohne Raute. Dieser enge Vertrag macht Automatisierung sicherer, weil fehlerhafte Daten nicht von einer anderen Bibliothek abweichend interpretiert werden können. Dadurch können Sie eine ungültige Farbe von einem Infrastrukturproblem unterscheiden und der Person, die den Wert bereitgestellt hat, einen gezielten Korrekturhinweis anzeigen.
Zuverlässige Einsätze, Grenzen und Testhinweise
Die sRGB-Kanäle werden vor Anwendung der Koeffizienten auch nicht linearisiert. Stattdessen werden die Rec. 709-Luma-Gewichte direkt auf die kodierten ganzzahligen Kanäle angewendet, wie es die herkömmliche deterministische Formel vieler Hex-zu-Grau-Abläufe vorsieht.
Gute Tests umfassen Schwarz und Weiß als Grenzen, ein bereits neutrales Grau, eine grün- und eine blaubetonte Farbe, eine großgeschriebene Eingabe sowie mehrere ungültige Formate. Bewahren Sie den ursprünglichen Token auf, wenn Umkehrbarkeit wichtig ist, denn die Grauumwandlung entfernt den Farbton und kann die Ausgangsfarbe nicht rekonstruieren. Prüfen Sie beim Vergleich mit anderen Werkzeugen zuerst deren Formel: BT.601-Koeffizienten, Gleichgewichtung, gamma-linearisierte Luminanz, Abschneiden und editorabhängige Einstellungen können trotz gleicher Bezeichnung andere Zahlen liefern.
Diese Fähigkeit nennt ihre Formel in jeder Antwort und macht Abweichungen damit erklärbar.
Anwendungsfälle
Design-Token normalisieren
Wandeln Sie Hex-Farben von Marken und Oberflächen in stabile Grauwerte für monochrome Designs und Designprüfungen um.
Monochrome Diagrammfarben vorbereiten
Überführen Sie Datenreihenfarben in wahrnehmungsgewichtet neutrale Werte für Grauvorschauen und Druckausgaben.
Häufige Fragen
Welche Formel wird verwendet?
Der Konverter berechnet 0.2126R + 0.7152G + 0.0722B und rundet das Ergebnis auf die nächste Ganzzahl.
Welche Hex-Formate werden akzeptiert?
Nur eine Raute mit genau sechs nachfolgenden Hex-Ziffern: #RRGGBB. Buchstaben dürfen groß- oder kleingeschrieben sein.
Sind Kurzformen oder Farben mit Alpha zulässig?
Nein. #RGB und #RRGGBBAA werden abgelehnt, damit der Eingabevertrag streng und eindeutig bleibt.
Warum kann ein anderes Werkzeug einen anderen Grauwert liefern?
Es kann Gleichgewichtung, BT.601-Koeffizienten, gamma-linearisierte Luminanz, Abschneiden oder ein anderes Graumodell verwenden.
Welches Grau ergibt #3498DB mit Rec.-709-Luminanz?
Es ergibt #888888. Mit Rot 52, Grün 152 und Blau 219 beträgt die gewichtete Summe 135,5774; gerundet ist das der Grauwert 136, der in allen drei Kanälen steht.
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/grayscale-luminance \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#3498db"}'const res = await fetch("https://api.kit.forhosting.com/color/grayscale-luminance", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#3498db"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/grayscale-luminance",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#3498db"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/grayscale-luminance", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#3498db"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#3498db"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/grayscale-luminance", 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": "#3498db"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.grayscale_luminance",
"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
Warum Rec. 709-Gewichte einen brauchbaren Grauwert ergeben
Da alle Koeffizienten und die Rundungsregel feststehen, erzeugt dieselbe Eingabe immer dasselbe JSON. Das Verfahren eignet sich besonders, wenn ein Design- oder Softwareablauf einen einzelnen, wahrnehmungsgetreuen Grauwert als Vertreter einer RGB-Farbe benötigt.
So übergeben Sie eine Farbe und lesen die Antwort
Bei Erfolg enthält input_hex die normalisierte kleingeschriebene Quelle. input_rgb trennt die roten, grünen und blauen Bytes als dezimale Ganzzahlen. luminance zeigt die gewichtete Summe mit vier Nachkommastellen, gray_value die auf die nächste Ganzzahl gerundete Summe. gray_hex formatiert die Ganzzahl als zweistelliges Hex-Byte und wiederholt es dreimal. Das Feld formula nennt die genauen Koeffizienten. Die Automatisierung über die API kostet $0.002 je erfolgreicher Anfrage; dieselbe reine solve-Funktion versorgt den Browser. Validierungsfehler verwenden invalid_input.
Zuverlässige Einsätze, Grenzen und Testhinweise
Prüfen Sie gray_value und gray_hex, damit spätere Änderungen an Rundung oder Formatierung auffallen.
Integrationsbeispiele
Deterministische Test-Fixtures erstellen
Erzeugen Sie prüfbare Grauwerte für Farbwerkzeuge ohne Abhängigkeit von Browser-Canvas oder Bildbibliotheken.
Technische Fragen
Was kostet eine Umwandlung über die API?
Jede erfolgreiche API-Anfrage kostet $0.002. Die Ausführung im Browser verursacht keine API-Gebühr.