RGB-zu-LCH-Konverter
Beschreiben Sie eine RGB-Farbe so, wie man sie von Hand anpasst: Helligkeit von 0 für Schwarz bis etwa 100 für Weiß, Buntheit als Farbkraft und Farbton als Winkel von 0 bis unter 360°. Ändern Sie einen Wert, ohne die anderen zu verschieben. 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
- Widerstand (Ω)
- 255
- G
- 128
- B
- 0
- L
- 67,0548169961
- C
- 85,5142055704
- H
- 59,9466748349
- L*
- 67,0548169961
Dieser RGB-zu-LCH-Konverter nimmt drei sRGB-Kanalintensitäten — Rot, Grün und Blau — jeweils als Ganzzahl von null bis zweihundertfünfundfünfzig entgegen und liefert CIE-LCH-Koordinaten (Helligkeit L*, Chroma C* und Bunttonwinkel h° in Grad), berechnet mit dem in Web- und Druck-Workflows üblichen Standard-Weißpunkt D65. Designer, Barrierefreiheits-Ingenieure und Studierende nutzen LCH, wenn eine Palette in achtbittigen Kanälen vorliegt, die Aufgabe aber einen wahrnehmungsstrukturierten Raum braucht, in dem Helligkeit, Chroma und Buntton unabhängig editiert werden können — ohne die rechteckigen a*- und b*-Achsen von Lab. Die Engine ist vollständig deterministisch: Sie kompandiert jeden Kanal invers, multipliziert mit der D65-sRGB-zu-XYZ-Matrix, normalisiert mit dem D65-Referenzweiß, bildet CIE Lab und leitet dann C* als Hypotenuse von a* und b* sowie h° aus atan2 von b* und a* ab — ohne je das Netzwerk aufzurufen, Zufall zu ziehen oder von der Uhr abzuhängen.
Was RGB-zu-LCH-Umwandlung bedeutet und was die Antwort enthält
Im achtbitigen sRGB-Modell, das CSS und die meisten Webgrafiken verwenden, ist jeder der Kanäle Rot, Grün und Blau eine Ganzzahl von null bis zweihundertfünfundfünfzig. CIE LCH ist die Polform von CIE L*a*b*: derselbe Reiz wird als Helligkeit L* (etwa null für Schwarz bis etwa hundert für diffuses Weiß), Chroma C* als Abstand zur neutralen Achse und Buntton h° als Winkel um diese Achse in Grad von null bis, ausschließlich, dreihundertsechzig ausgedrückt.
Die Umwandlung skaliert zuerst jeden Kanal durch Division durch zweihundertfünfundfünfzig und macht dann die sRGB-Gamma rückgängig (IEC-sechs-eins-neun-sechs-sechs-Inverse-Kompandierungskurve), sodass die Werte lineares Licht werden. Diese linearen Kanäle laufen durch eine feste drei-mal-drei-Matrix in CIE XYZ unter Illuminant D65; jede Tristimulus-Komponente wird durch das D65-Referenzweiß geteilt, dann wird die CIE-Pivotfunktion f angewendet — Kubikwurzel oberhalb einer kleinen Schwelle, linearer Zweig darunter — um L*, a* und b* zu bilden.
Aus Lab ist der zylindrische Schritt geschlossen: C* ist die euklidische Länge des a*b*-Vektors, und h° ist der zweistellige Arkustangens von b* und a* in Grad, gewickelt in das halb offene Intervall von null bis dreihundertsechzig. Wenn das Chroma praktisch null ist, ist der Buntton geometrisch undefiniert; dieser Rechner definiert h° daher als null für achromatische Farben wie reines Schwarz, reines Weiß und neutrale Grauwerte. Es gibt keinen Pfad, der Prozentsätze oder Gleitkomma-Kanäle als Eingabe akzeptiert, und kein stilles Begrenzen von zweihundertsechsundfünfzig auf zweihundertfünfundfünfzig.
Wo RGB-zu-LCH-Umwandlung in Design, Studium und Software passt
Designer treffen diese Abbildung, wenn ein Markenleitfaden RGB-Swatches listet und ein Produktions- oder wahrnehmungsnaher Bearbeitungsworkflow LCH-Ziele erwartet, wenn die Helligkeit fest bleiben muss, während der Buntton für Tönungen und Schatten rotiert, oder wenn ein Design-System Bildschirm-RGB und LCH-Referenzwerte nebeneinander für Rampen dokumentiert. Barrierefreiheits-Ingenieure nutzen L* und C*, wenn sie wahrgenommene Helligkeit getrennt von chromatischer Stärke betrachten, prüfen, dass zwei UI-Zustände nach Buntton-Verschiebungen unterscheidbar bleiben, oder Notizen vorbereiten, die später formale Delta-E-Prüfungen in Lab speisen, bevor dieselbe Farbe als LCH für die Autorenarbeit neu ausgedrückt wird.
Studierende sehen es in Computer-Graphics- und Farbwissenschaftskursen, die XYZ, Lab und dann die zylindrische LCH-Form einführen, in Digitalfotografie-Kursen, die zwischen Kanalschiebereglern und Buntton-Chroma-Steuerungen wechseln, und in Interview-Aufwärmungen, die die mentale Umwandlung eines kurzen Tripels in polare Lab-Koordinaten verlangen. Kombinieren Sie es mit Multiformat-Farbwerkzeugen, wenn Sie Hex oder CMYK brauchen, mit dem Lab-Konverter, wenn Sie nur rechteckige a* und b* brauchen, und mit anderen kostenlosen deterministischen Konvertern, wenn Sie ein kleines Labor für Design-System-Hygiene aufbauen.
Anwendungsfälle
Wahrnehmungsnahe Bearbeitung mit unabhängigem Buntton und Chroma
Wandeln Sie Marken-RGB-Tripel in CIE LCH um, damit Designer den Buntton drehen oder das Chroma skalieren und die Helligkeit für Rampen und Varianten fest halten können.
Deterministische Test-Fixturen
Erzeugen Sie reproduzierbare LCH-Ergebnisse für Unit-Tests, Eigenschaftsprüfungen und CI-Assertions an Farbhelfern und Design-Tokens.
Hausaufgaben und Lehrdemos
Prüfen Sie studentische sRGB-zu-LCH-Arbeit und demonstrieren Sie live XYZ, Lab und polares LCH ohne undurchsichtige Rechner-Apps.
Häufige Fragen
Was kostet der RGB-zu-LCH-Konverter?
Er ist auf dieser Seite kostenlos in Ihrem Browser.
Welcher Bereich ist für r, g und b erlaubt?
Jeder Kanal muss eine Ganzzahl von 0 bis 255 einschließlich sein.
Welchen Weißpunkt und welchen Pfad verwendet er?
Die Kette ist sRGB → linear → XYZ → Lab → LCH.
Wie werden C* und h° aus Lab definiert?
C* ist hypot(a*, b*). Der Buntton h° ist atan2(b*, a*) in Grad, gewickelt auf [0, 360). Wenn C* praktisch null ist (achromatisch), wird h° als 0 definiert.
Warum bekommt ein Grau den Farbton 0?
Grau, Schwarz und Weiß haben keine Buntheit, ihr Farbtonwinkel ist also nicht bestimmt. Der Konverter setzt ihn fest auf 0, damit dieselbe neutrale Farbe immer dasselbe Ergebnis liefert.
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/rgb-lch \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":0}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-lch", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-lch",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-lch", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-lch", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"r": 255,
"g": 128,
"b": 0
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_lch",
"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.
Limits
min_channel | 0 |
max_channel | 255 |
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
Kanäle außerhalb von null bis zweihundertfünfundfünfzig werden mit einer klaren invalid_input-Fehlermeldung abgelehnt statt still begrenzt. Nutzen Sie ihn kostenlos im Browser für wahrnehmungsnahe Bearbeitung, Barrierefreiheitsprüfungen und Hausaufgaben, oder rufen Sie die API zu $0.002 pro erfolgreicher Anfrage auf, wenn Sie identische Fixturen für CI, Design-Systeme oder Lehrdemos benötigen.
Was RGB-zu-LCH-Umwandlung bedeutet und was die Antwort enthält
Die Antwort liefert die validierten Ganzzahlen r, g und b; L, C und H (mit Alias L_star, C_star und h_deg); Zwischen-Lab a* und b* als a, lab_b, a_star und b_star, damit Lab-b* nicht mit dem RGB-Blaukanal kollidiert; Zwischenwerte X Y Z; die Zusammenfassungsstrings rgb, lch und lab; white_point auf D65; die Method-Kennzeichnung rgb_to_lch; und eine kurze Formel-Erinnerung. Die Engine baut entweder ein exaktes LCH-Tripel für drei legale Kanäle oder lehnt die Anfrage mit invalid_input ab. Abgelehnte Fälle umfassen fehlende Felder r, g oder b, leere Strings nach dem Trimmen, Nicht-Ganzzahlen, nicht-numerischen Text, Infinity oder NaN sowie jeden Kanal streng unter null oder über zweihundertfünfundfünfzig. Wenn Sie LCH nach RGB, Hex-Packaging, HSV, HSL oder CMYK brauchen, nutzen Sie ein dediziertes Reverse- oder Multiformat-Werkzeug; diese Seite beantwortet nur ganzzahlige sRGB-Kanäle zu einem stabilen CIE-LCH-Tripel, geeignet für Tokens, Unit-Tests und API-Verbraucher, die unabhängige Helligkeits-, Chroma- und Buntton-Steuerung wünschen.
Wie r, g und b gelesen werden und wie LCH reproduzierbar bleibt
Äußere Leerzeichen an String-Kanälen werden getrimmt; ein optionales führendes Plus ist nur erlaubt, wenn die restlichen Zeichen Dezimalziffern sind, die zu einer Ganzzahl im Bereich parsen. Eine nackte JavaScript-Zahl wird nur akzeptiert, wenn sie eine endliche Ganzzahl zwischen null und zweihundertfünfundfünfzig ist; Werte wie hundertachtundzwanzig Komma fünf scheitern an der Validierung statt gerundet zu werden, und negative oder zweihundertsechsundfünfzig-plus-Werte scheitern mit einer Meldung, die den Kanal benennt und verlangt, dass er in null bis zweihundertfünfundfünfzig bleibt. Reines Rot mappt auf ein moderates L* mit großem C* und einem Buntton nahe vierzig Grad; reines Weiß und reines Schwarz mappen auf null Chroma mit h° definiert als null; gesättigte Grüns und Blaus landen in den erwarteten Buntton-Sektoren der Lab-Ebene. Die bevorzugten Felder sind r für Rot, g für Grün und b für Blau, aber die Aliase red und großes R für Rot, green und großes G für Grün sowie blue und großes B für Blau werden akzeptiert, damit Tabellen, Abfragezeichenketten und typisierte Formulare denselben Vertrag ohne Umbenennen der Spalten nutzen können. Nach der Validierung nutzt die Umwandlung nur geschlossene Arithmetik auf den linearen Kanälen, dem D65-Weißpunkt, Lab-Identitäten und polaren Chroma-Buntton-Transformationen und rundet Gleitkomma-Komponenten auf eine feste Dezimalbreite, damit JSON-Goldens und CI-Assertions plattformübergreifend stabil bleiben. Kombinieren Sie den kostenlosen Browserlauf auf dieser Seite mit der tarifierten API, wenn Sie dasselbe mathematische Ergebnis in einer automatisierten Pipeline brauchen, ohne inverse Gamma, D65-Normalisierung und die polare Lab-zu-LCH-Umwandlung selbst neu zu implementieren.
Wo RGB-zu-LCH-Umwandlung in Design, Studium und Software passt
Auf dieser Seite läuft die Arbeit vollständig in Ihrem Browser; über die API kostet jede erfolgreiche Abfrage $0.002, fehlgeschlagene Validierung wird nicht berechnet, und nach der Antwort wird nichts gespeichert. Diese Trennung — kostenlose interaktive Erkundung und eine tarifierte, identische API — entspricht dem restlichen KIT-Tier-A-Katalog und lässt Sie von einer Unterrichtsdemo oder Design-Review zu einer automatisierten Pipeline wechseln, ohne das mathematische Ergebnis zu ändern.
Technische Fragen
Warum wird 256 abgelehnt statt begrenzt?
Stilles Begrenzen verdeckt Datenfehler. Kanäle außerhalb des Bereichs scheitern mit invalid_input, damit Aufrufer die Quellwerte korrigieren statt die falsche Farbe zu veröffentlichen.