HEX-, RGB- und HSL-Farben umrechnen
Konvertieren Sie undurchsichtige sRGB-Farbcodes zwischen HEX, Integer RGB und HSL. Siehe ungerundete Kanalwerte und die nächste 8-Bit-HEX-Darstellung.
IHRE BERECHNUNG
Ergebnis
—
Rechenschritte
Gehen Sie die Schritte einzeln durch oder zeigen Sie die gesamte Berechnung an. Die Schritte verwenden Ihre aktuellen Eingaben.
Berechnungsmethode
Den gewählten opaken sRGB-Eingang interpretieren. RGB-Kanäle normalisieren, Farbton vom dominanten Kanal erholen und Leichtigkeit und Sättigung vom Maximum und Minimum ableiten. Rundkanäle nur für den 8-Bit-HEX/RGB-Ausgang.
HSL lightness=(max RGB+min RGB)/2; HEX encodes rounded 8-bit sRGB channels
Rechenbeispiel
HEX #336699 entspricht RGB (51;102;153) und HSL (210°;50 %;40 %). Die Kurzform #F80 wird zu #FF8800 erweitert.
Annahmen und Hinweise zu den Eingaben
HEX akzeptiert genau drei oder sechs hexadezimale Ziffern mit optionaler #. RGB-Eingänge sind Ganzzahl 0–255. HSL-Farbton ist normalisiert Modulo 360° (eingegebene Größe bei höchstens 1e9°); Sättigung/Lightness sind 0–100%. HSL kann fraktionale RGB-Kanäle erzeugen; HEX und Ganzzahl RGB rund auf nächste 8-Bit-Werte. Der HSL-Ausgang beschreibt die ungerundete Farbe, so dass die Konvertierung durch HEX leicht ändern kann. Achromatische Farben haben einen undefinierten Farbton, der als solche mit CSS-Farbton 0 dargestellt wird. Opaque sRGB nur: keine Alpha-, CMYK-, ICC-Profile, Weitzahlkonvertierung, Farbabgleich oder Kontrastzertifizierung.
Quellen: W3C CSS Farbkonversionen
Hinweise zum Rechner
Kann ich eigene Werte eingeben?
Ja. Ersetzen Sie die Beispielwerte durch Ihre eigenen Eingaben. Ergebnis, Rechenschritte, Tabellen und gegebenenfalls Diagramme werden entsprechend aktualisiert. Bei leeren oder ungültigen Eingaben wird das Ergebnis gelöscht. Fehlende Angaben werden niemals unbemerkt durch Beispielwerte ersetzt.
Sind die Ergebnisse exakt?
Die Ergebnisse beruhen auf Gleitkommaarithmetik und werden für die Anzeige gerundet. Beachten Sie die Formel, die Annahmen und die gegebenenfalls angegebene Datengenauigkeit.
Werden meine Eingaben hochgeladen?
Die Berechnung erfolgt in Ihrem Browser. Ein Benutzerkonto, Datei-Uploads oder ein externer KI-Dienst sind nicht erforderlich. Beim Neuladen der Seite werden die Eingaben zurückgesetzt.
Konvertieren Sie Pixel-Abmessungen, Druckabmessungen und Pixel pro Zoll. Finden Sie die Größe des physischen Drucks, benötigt ganze Pixel oder effektive Bildauflösung.
Geben Sie eine Bildschirmdiagonale und Pixelauflösung ein, um aktive Breite, Höhe, Seitenverhältnis, Pixeldichte und Tonhöhe mit einem dimensionierten Bildschirmdiagramm zu berechnen.
Konvertieren Sie eine signierte Ganzzahl zwischen Basen 2–36 mit exakter Arithmetik. Vergleichen Sie binäre, oktale, dezimale, hexadezimale und Basis-36-Werte mit Platz-Wert-Schritten.
Reservierter Werbeplatz.