Rechnen Sie hexadezimale Farbcodes mit unserem HEX-zu-RGB-Konverter sofort in RGB-Werte um. Ein übersichtliches, modernes Tool für Designer und Entwickler.
Zuletzt aktualisiert: 23. September 2026
Features
-
Echtzeit-Konvertierung - Geben Sie einen HEX-Code ein, erhalten Sie sofort RGB-Werte
-
Visuelle Farbvorschau - Sehen Sie Ihre Farbe in einer Verlaufskarte mit dynamischen Schatten angezeigt
-
Integration des Farbwählers - Klicken Sie, um Farben visuell auszuwählen
-
40 voreingestellte Farben - Schneller Zugriff auf beliebte Farben
-
In Zwischenablage kopieren - Kopieren mit einem Klick für HEX- und RGB-Werte
-
Individuelle RGB-Aufschlüsselung - Sehen Sie rot, grün und blau separat
-
Eingabevalidierung - Verarbeitet sowohl dreistellige (#RGB) als auch sechsstellige (#RRGGBB) Formate
-
Responsive Design - Funktioniert nahtlos auf Mobilgeräten und Desktops
Anwendungsfälle und Beispiele
Perfekt für:
-
Webentwickler konvertieren Designspezifikationen
-
Grafikdesigner, die in verschiedenen Farbformaten arbeiten
-
CSS-Styling und Theme-Erstellung
-
Schnelle Farbreferenzsuche
-
Farbtheorie und RGB-Komposition lernen
Was ist ein HEX zu RGB Konverter?
Ein HEX zu RGB Converter ist ein kleines Dienstprogramm, das einen hexadezimalen Farbcode nimmt und ihn in seine roten, grünen und blauen Kanalwerte umwandelt.
Geben Sie etwas wie #3366ff ein und es gibt rgb(51, 102, 255) im Bruchteil einer Sekunde zurück.
Die differenzierende Funktion ist hier Geschwindigkeit. Anstatt die Base16 zu Base10-Mathematik von Hand auszuarbeiten, erledigt das Tool dies sofort, normalerweise mit einem Live-Farbfeld, das während der Eingabe aktualisiert wird.
Die meisten Versionen des Tools haben einige gemeinsame Merkmale:
- Ein Textfeld für den Hex-Wert, mit oder ohne das führende Pfund-Zeichen
- Ein Ausgabebereich, der die passenden roten, grünen und blauen Zahlen anzeigt
- Ein Live-Vorschau-Farbfeld, das aktualisiert wird, während Sie den Code bearbeiten
- Eine Kopierschaltfläche zum direkten Abrufen des Ergebnisses
Entwickler greifen ständig auf diese Werkzeuge zurück, wenn sie Farben aus Designdateien in Stylesheets verschieben.
Hex ist das Standardformat in den meisten Stylesheets (EN), aber rgb ist oft das, was ein Skript oder eine Animationsbibliothek stattdessen erwartet.
Wenn du mit einem Namen anstelle eines Codes beginnst, wie "Kornblumenblau", funktioniert ein separates Werkzeug zum Nachschlagen benannter Farben besser für diese Richtung.
HEX vs RGB: Was ist der Unterschied zwischen den beiden Farbformaten?
Hex und rgb beschreiben genau die gleiche Farbe mit zwei verschiedenen Zählsystemen.
Hex packt die Farbe in einen sechsstelligen String, der in Basis16 geschrieben ist. RGB schreibt drei separate Base10-Zahlen aus, eine pro Kanal.
| Trait | Hex | RGB | Alpha-Support |
|---|---|---|---|
| Format | #3366ff | rgb(51, 102, 255) | Benötigt 4- oder 8-stelliges Hex |
| Zahlenbasis | Basis16 (0 bis f) | Basis10 (0 bis 255) | N/A |
| Allgemeine Verwendung | Stylesheets, Design-Tools | Scripts, dynamische Werte | In rgba() integriert |
Beide Schreibweisen beschreiben den gleichen Punkt im sRGB-Farbraum, wenn ein Browser sie analysiert.
Hex erscheint ständig in Stylesheets und Design-Tool-Mustern. Die älteren HTML (EN) Farbattribute akzeptierten es auch direkt, lange bevor CSS diese Aufgabe übernahm.
In die andere Richtung zu gehen ist genauso üblich. Wenn Sie bereits einen rgb-Wert haben und das hexadezimale Äquivalent benötigen, wird dieser Swap von einem dedizierten rgb-zu-hex-Konverter verarbeitet.
Wie funktioniert die Konvertierung von HEX in RGB?
Bei der Konvertierung von hex zu rgb wird ein sechsstelliger Hex-Code in drei zweistellige Paare aufgeteilt und jedes Paar von Basis16 in Basis10 konvertiert.
Nehmen Sie #3366FF als ein funktionierendes Beispiel.
Rotes Paar: 33 in Hex entspricht 51 in Dezimal.
Grünes Paar: 66 in Hex entspricht 102 in Dezimal.
Blaues Paar: FF in Hex entspricht 255 in Dezimal.
Setzen Sie diese drei Ergebnisse zusammen und Sie erhalten rgb(51, 102, 255), die gleiche Farbe auf eine andere Weise geschrieben.
Hex existiert hauptsächlich, weil zwei hexadezimale Ziffern auf genau ein Byte abgebildet werden. Deshalb passen 00 bis FF perfekt zu 0 bis 255, ohne dass bei der Konvertierung etwas verloren geht.
Jeder Kanal kann 256 mögliche Werte enthalten, die von 0 bis 255 ohne Lücken und Rundungen laufen.
Welche HEX-Eingabeformate akzeptiert der Konverter?
Ein Hex-zu-RGB-Konverter akzeptiert normalerweise zwei Längen von Hex-Code: eine dreistellige Abkürzung und eine vollständige sechsstellige Zeichenfolge.
Die CSS Color Module Level 4 (EN)-Spezifikation (W3C) definiert die Hex-Farbsyntax so, dass sie 3, 4, 6 oder 8 hexadezimale Ziffern akzeptiert, wobei die zusätzlichen Ziffern für Alpha-Transparenz reserviert sind. Dieser Konverter akzeptiert die beiden undurchsichtigen Formate 3 und 6 Ziffern.
3-stellige Kurzschrift Hex
Schnellnotation:
- Jede Ziffer wird verdoppelt, um in die volle Form zu expandieren
- #f0c wird #ff00cc
- Häufig in handgeschriebenem CSS, meistens für Geschwindigkeit
Nicht jede Farbe ist für diese Verknüpfung geeignet. Nur Farben, bei denen sich die zwei Ziffern jedes Kanals wiederholen, können auf diese Weise gekürzt werden.
6-stellige vollständige Hex
Sechsstelliges hexadezimales gibt die vollständige, eindeutige Version einer Farbe ohne Verdoppelung oder Rätselraten.
Dies ist das Format, das die meisten Design-Tools standardmäßig exportieren, und es ist das, was die meisten Konverter als ihre Standardeingabe erwarten.
Die Groß- und Kleinschreibung spielt hier keine Rolle. #FF00CC und #ff00cc bezeichnen dieselbe Farbe.
RGB, RGBA, HSL: Was kann ein HEX-zu-RGB-Konverter ausgeben?
Viele Konverter hören nicht bei einfachem RGB auf. Sie bieten auch RGBA, HSL und manchmal HSV als Ausgabeoptionen an. Dieser konzentriert sich auf den einfachen rgb()-Wert plus die separaten roten, grünen und blauen Zahlen.
RGB- und RGBA-Ausgabe
Die Standard-RGB-Ausgabe sieht wie folgt aus: rgb(51, 102, 255), drei durch Kommas getrennte ganze Zahlen.
Fügen Sie einen vierten Wert hinzu und Sie erhalten RGBA, der einen Alphakanal für Transparenz hinzufügt: rgba(51, 102, 255, 0.5).
Browser-Unterstützung für die 8-stellige hexadezimale Abkürzung, die auf denselben Alphawert zugeordnet ist, landete in Firefox 49 (2016) und Chrome 62 (2017), laut Can I Use browser compatibility data (EN).
Diese Ausgabe ist am wichtigsten, wenn eine Farbe innerhalb eines Verlaufs (EN) sitzen und an den Rändern verblassen soll, anstatt scharf abgeschnitten zu werden.
HSL- und HSV-Ausgabe
- HSL bricht eine Farbe in Farbton, Sättigung und Helligkeit auf
- HSV, auch HSB genannt, tauscht Helligkeit gegen Helligkeit
- Beide sind für das menschliche Auge leichter anzupassen als rohe RGB-Zahlen
Designer bevorzugen häufig HSL, wenn sie eine Farbe aufhellen oder verdunkeln möchten, ohne drei separate Kanalwerte manuell neu zu berechnen.
Wenn Ihr Workflow in rgb beginnt und stattdessen in Richtung HSL wechseln muss, läuft diese separate Konvertierung mit einer eigenen Formel, nicht mit der hier behandelten Hex-zu-rgb-Mathematik.
Wie genau ist die HEX-zu-RGB-Konvertierung?
Die Umwandlung von hex zu rgb ist exakt für Standard-3-stellige und 6-stellige Codes.
Es gibt keine Rundungen, da jedes zweistellige Hex-Paar genau einer ganzen Zahl zwischen 0 und 255 zugeordnet ist.
Das Runden wird nur angezeigt, wenn ein Konverter auch HSL, HSV oder einen dezimalen Alphawert aus einem 8-stelligen Code berechnet, da diese eine Division erfordern, die nicht immer zu einer ganzen Zahl führt. CC ist beispielsweise 204 von 255 oder 0,8 als rgba()-Alpha.
Kennzahlen:
- 256 mögliche Werte pro Farbkanal, insgesamt 16.777.216 RGB-Kombinationen
- Das sRGB-Referenzdisplay verwendet ein nominales Gamma von 2,2 gemäß IEC 61966-2-1 (1999)
- Alpha-Werte reichen von 0 bis 1 als Dezimalzahl oder von 0 % bis 100 % als Prozentsatz
- Hexa-Alpha-Notation wird direkt auf denselben Bereich von 0 bis 255 abgebildet, nur in Basis 16 geschrieben
Die Gammakorrektur ändert die Darstellung einer Farbe auf dem Bildschirm. Es berührt nicht die Zahl, die die Konvertierung selbst erzeugt.
Das sind zwei getrennte Schritte, und sie zu vermischen ist eine häufige Quelle der Verwirrung für jeden, der neu in der Farbmathematik ist.
Wann sollte man HEX vs. RGB in CSS und Design verwenden?
Hex gewinnt für kurze, statische Werte. RGB und RGBA gewinnen in dem Moment, in dem Transparenz oder dynamische Werte ins Bild kommen.
Ein Stylesheet voller solider Markenfarben liest sich sauberer in Hex, ist kürzer zu tippen und schneller zu scannen.
Sobald ein Element ausgeblendet, mit einem Hintergrund verschmolzen oder seine Deckkraft durch JavaScript animiert werden muss, ist RGBA die praktischere Wahl, da es den Alphawert von der Farbe selbst trennt.
Design-System-Voreinstellungen:
- Die meisten Designtools exportieren Farbfelder standardmäßig als hex
- Utility-Frameworks wie Tailwind (EN) liefern komplette Farbpaletten, die in hex definiert sind
- Komponentenbibliotheken konvertieren diese Hex-Werte oft intern in rgba für Hover-Zustände und Overlays.
Hex ist auch nicht auf Stylesheets beschränkt. Es erscheint genauso oft in SVG-Füll- und Strich-Attributen (EN), die genau den gleichen sechsstelligen Regeln wie CSS folgen.
Wählen Sie hex für alles, was statisch ist und sich sauber zwischen einem Designer und einem Entwickler bewegen muss. Wählen Sie rgb oder rgba in dem Moment, in dem die Farbe verblassen, vermischen oder auf Interaktion reagieren soll.
HEX zu RGB-Konvertierungsmethoden im Vergleich: Online-Tool vs. Code vs. manuelle Berechnung
Es gibt vier praktische Möglichkeiten, einen Hex-Code in RGB-Werte umzuwandeln, und jede eignet sich für eine andere Situation.
| Methode | Speed | Werkzeuge erforderlich | Am besten für |
|---|---|---|---|
| Manuelle Berechnung | Slowest | Keine | Lernen Sie die Mathematik |
| Browser DevTools | Fast | Integriert in den Browser | Schnelle Einmal-Checks |
| Online-Konvertertool | Fastest | • Internetverbindung | Workflows ohne Code |
| Codebasierte Konvertierung | Schnell, einfach und wiederholbar | Ein Skript oder eine Bibliothek | Automatisierung, Massenkonvertierung |
Manuelle Berechnung
Die Umrechnung von Hand zu erledigen bedeutet keine Softwareabhängigkeit, nur Base16 zu Base10 Mathematik auf Papier oder im Kopf.
Vorteile:
- Funktioniert überall, kein Werkzeug oder Verbindung erforderlich
- Vermittelt ein echtes Verständnis der Funktionsweise des Farbmodells
Nachteile:
- Langsam für alles jenseits einer einzelnen Farbe
- Unter Zeitdruck passieren leicht Rechenfehler
Browser DevTools
Die Farbauswahl in Chrome, Edge und Firefox DevTools wird von einem beliebigen Farbfeld im Bedienfeld „Stile“ aus geöffnet. Wenn Sie bei gedrückter Umschalttaste auf das Farbfeld klicken, wechselt der Wert zwischen hex, rgb und hsl, und die integrierte Pipette nimmt ein beliebiges Pixel auf der Seite auf.
Vorteile:
- Bereits installiert, kein zusätzlicher Download erforderlich
- Liest Farben direkt von einer Live-Seite
Nachteile:
- Funktioniert nur bei Farben, die bereits auf ein Element auf der Seite angewendet wurden
- Nicht für die Konvertierung großer Mengen von Codes auf einmal entwickelt
Für das Abtasten von Farben in einer Web-App bieten Chromium-Browser ab Version 95 auch eine EyeDropper API (EN), die die ausgewählte Farbe als Hex-Zeichenfolge zurückgibt.
Online-Konverter-Tools
Was sie bieten:
- Sofortige Ergebnisse ohne Installationsschritt
- Eine Live-Vorschau neben den Zahlen
- Normalerweise kostenlos, mit Kopier-Buttons für die Ausgabe
Sie benötigen eine Internetverbindung, um geladen zu werden, und die meisten beschränken sich auf die Konvertierung einer Farbe auf einmal anstatt einer vollständigen Palette.
Code-basierte Konvertierung
Das Schreiben der Konvertierung in ein Skript ist sinnvoll, wenn Sie mehr als eine Handvoll Farben verarbeiten müssen.
Die Pillow-Bibliothek von Python beispielsweise behandelt die Konvertierung in einem einzigen Aufruf: ImageColor.getrgb("#3366ff") gibt (51, 102, 255) zurück.
Pros: wiederholbar, skriptfähig, arbeitet innerhalb einer größeren Build-Pipeline.
Nachteile: erfordert grundlegende Programmierkenntnisse und eine Arbeitsumgebung, in der es ausgeführt werden kann.
Wie wirkt sich die HEX-zu-RGB-Konvertierung auf die Farbzugänglichkeit aus?
Die Umwandlung von hex in rgb ist für die Barrierefreiheit wichtig, da die meisten Formeln zur Kontrastprüfung um Dezimalkanalwerte herum geschrieben werden, nicht um Hex-Zeichenfolgen.
WCAG Erfolgskriterium 1.4.3 (EN) legt ein Mindestkontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text gegenüber seinem Hintergrund fest.
Um das zu erreichen, müssen die RGB-Werte sowohl der Textfarbe als auch des Hintergrunds durch diese Formel laufen, da die Mathematik mit Zahlen zwischen 0 und 255 arbeitet.
Text mit geringem Kontrast bleibt der häufigste Fehler bei der Barrierefreiheit im Web, der laut dem WebAIM Million 2024 report (EN) auf 81% der Homepages zu finden ist.
Ein paar Gewohnheiten verhindern, dass Hex- und RGB-Werte zu einem Barrierefreiheitsproblem werden:
- Überprüfen Sie das Farbkontrastverhältnis (EN) vor dem Festlegen einer endgültigen Paarung, nicht danach, mit einem Werkzeug wie dem Farbkontrastprüfer (EN)
- Testen Sie sowohl den Hex-Code als auch seine konvertierte RGB-Form, da sich Tippfehler in Hex besser verbergen lassen
- Bewahren Sie eine dokumentierte Palette auf, damit dieselben zugänglichen Werte wiederverwendet werden, anstatt jedes Mal neu erstellt zu werden
Teams, die von Anfang an vorab geprüfte Kombinationen benötigen, stützen sich oft auf einen zugänglichen Farbpalettengenerator, anstatt Farben nachträglich einzeln zu testen.
Wann ist ein HEX-zu-RGB-Konverter nicht anwendbar?
Ein Hex-zu-RGB-Konverter kann nichts mit einer benannten CSS-Farbe wie "tomato" oder "rebeccapurple" tun, da es keine Hex-Zeichenfolge gibt, die aufgeteilt und konvertiert werden kann.
Die CSS Color Module Level 4-Spezifikation (W3C) definiert 148 benannte Farbschlüsselwörter, die jeweils einem festen RGB-Wert in der Spezifikation selbst zugeordnet sind, anstatt durch Konvertierung abgeleitet zu werden.
Rebeccapurple ist einer der neueren Einträge auf dieser Liste, hinzugefügt in Erinnerung an die Tochter des Web-Standard-Befürworters Eric Meyer und nicht durch irgendeine Berechnung.
Einige andere Situationen liegen außerhalb dessen, was die Konvertierung abdeckt:
- Wide-Gamut- oder Display-P3-Farben, die außerhalb des sRGB-Raums liegen, den Hex und RGB beide annehmen
- CMYK-Werte für den Druck, die ein völlig anderes Vierkanalmodell verwenden
- Fehlformatierte Hex-Strings mit falscher Stellenanzahl oder ungültigen Zeichen, die die meisten Konverter einfach ablehnen
- Entwurfsdateien, in denen der Wert bereits nativ als RGB gespeichert ist, wodurch ein Konvertierungsschritt überflüssig wird
Keiner dieser Fehler ist ein Fehler des Tools selbst. Es sind einfach Eingaben, für die das Werkzeug nie gebaut wurde.
Wie konvertiert man HEX nach RGB manuell, Schritt für Schritt?
Die manuelle Umwandlung eines Hex-Codes in RGB folgt jedes Mal den gleichen vier Schritten, unabhängig von der Farbe.
- Entferne das führende #-Symbol, sodass sechs Hex-Zeichen übrig bleiben (erweite einen 3-stelligen Code zuerst, indem du jede Ziffer verdoppelst)
- Teile diese Zeichen in drei Paare auf, eines für rot, grün und blau
- Rechnen Sie jedes Paar von Basis 16 in Basis 10 um: Multiplizieren Sie die erste Ziffer mit 16 und addieren Sie die zweite.
- Arrangiere die drei Ergebnisse als rgb(rot, grün, blau)
Wenn man #a94442 durch diese Schritte läuft, erhält man a9 für rot, 44 für grün und 42 für blau.
Konvertiert werden diese zu 169 (10 × 16 + 9), 68 (4 × 16 + 4) und 66 (4 × 16 + 2), so dass der endgültige Wert lautet rgb(169, 68, 66).
Der häufigste Fehler tritt beim Umrechnungsschritt auf, wo die Leute vergessen, dass die Hexa-Buchstaben a bis f für die Dezimalwerte 10 bis 15 stehen.
Wie konvertiert man HEX in RGB im Code?
JavaScript
JavaScript (EN) behandelt die Konvertierung mit einer integrierten Funktion anstelle einer benutzerdefinierten Formel.
parseInt(hex.substring(1, 3), 16) zieht das rote Paar aus einem Hex-String und wandelt es direkt in Dezimalwert um.
Wenn Sie diesen Aufruf für die Zeichen 3 bis 5 und 5 bis 7 wiederholen, werden grün und blau abgedeckt.
Häufiger Fehler: Slicing vom Index 0, während das # noch in der Zeichenfolge ist. parseInt("#3", 16) gibt NaN zurück, also entfernen Sie entweder zuerst das # oder beginnen Sie die Slices bei Index 1, wie oben gezeigt.
Python
- int(hex_string[1:3], 16) spiegelt die gleiche Logik wie die JavaScript-Version
- Das eingebaute colorsys-Modul verarbeitet Konvertierungen zwischen rgb, hls und hsv, wenn Sie bereits Dezimalwerte haben
- Bildbibliotheken, die auf Pillow aufbauen, wenden dieselbe Mathematik auf jedes Pixel in einer Datei an
Pythons Ansatz liest sich ein bisschen mehr wie einfaches Englisch, da das Schneiden einer Zeichenkette nach Index in die Sprache selbst eingebacken ist.
Benutzerdefinierte CSS-Eigenschaften
Benutzerdefinierte Eigenschaften, allgemein als CSS-Variablen bezeichnet, ermöglichen es Ihnen, eine Farbe einmal zu definieren und sie in einem gesamten Stylesheet wiederzuverwenden.
Wenn Sie auf diese eine Variable überall anders verweisen, müssen Sie nicht mehr durch ein Stylesheet jagen, um eine Markenfarbe von Hand zu aktualisieren.
Typisches Muster:
- Definieren Sie den Hex-Wert einmal, z. B. --brand-color: #3366ff
- Referenzieren Sie es wo immer nötig mit var(--brand-color)
- Konvertieren Sie nur dann in rgba(), wenn Transparenz tatsächlich erforderlich ist
Dadurch bleibt der Hex-zu-RGB-Konvertierungsschritt an den wenigen Stellen isoliert, die wirklich ein Dezimalformat benötigen, anstatt über die gesamte Datei verteilt zu sein.
Häufige Fragen: HEX in RGB umrechnen
Wofür steht "Hex"?
"Hex" ist die Abkürzung für hexadezimal, ein Zahlensystem mit der Basis 16, das die Ziffern 0 bis 9 und die Buchstaben a bis f verwendet.
Bei Farbcodes werden mit hex drei Kanalwerte in eine kompakte Zeichenfolge gepackt, im Gegensatz zu den 10-basierten Zahlen, die rgb für dieselben Daten verwendet.
Welche Designtools zeigen RGB-Werte automatisch aus Hex an?
Figma, Adobe Photoshop und Sketch zeigen alle RGB neben Hex in ihren Farbfeldern an, sobald Sie ein Farbfeld auswählen.
Browser DevTools macht dasselbe für die berechnete Farbe eines Elements, indem es ohne separaten Schritt sofort in Hex konvertiert.
Welche häufigen Fehler passieren beim Konvertieren von Hex zu RGB?
Das Lesen eines Hex-Buchstabens als einfache Ziffer ist der häufigste Fehler. Das Paar 7B ist 7 × 16 + 11 = 123, nicht 7 × 16 + 1.
Der andere klassische Fehler ist das falsche Erweitern der 3-stelligen Kurzhand: #f0c wird #ff00cc, nicht #f0c000. Ein 8-stelliger Code muss auch sein letztes Paar als Alpha behandeln, nicht als Teil des blauen Kanals.
Wie konvertieren Sie RGB zurück zu Hex?
Kehre den Prozess um. Wandeln Sie jeden der drei Dezimalkanalwerte wieder in ein zweistelliges Hexadezimalpaar um, indem Sie alle Werte unter 16 mit Null füllen und dann die drei Paare hinter einem Pfundzeichen zusammenfügen.
rgb(51, 102, 255) wird #3366ff mit derselben Base10-to-Base16-Mathematik in umgekehrter Reihenfolge, oder Sie können es durch den RGB-zu-HEX-Konverter laufen lassen.
Warum verwenden einige Plattformen standardmäßig Hex, während andere RGB verwenden?
Design-Tools verwenden standardmäßig hex, weil es kompakt ist und einfach zwischen Dateien kopiert werden kann.
Browser und JavaScript-APIs wie getComputedStyle geben Farben als RGB zurück, da dieses Format direkt den numerischen Kanälen zugeordnet wird, mit denen die Rendering-Engine bereits arbeitet.
Ist die Konvertierung von Hex zu RGB konsistent für alle Software und Browser?
Ja. Jeder gängige Browser analysiert Hex- und RGB-Werte mithilfe derselben CSS-Farbmodul-Level-4-Regeln, sodass #3366ff in Chrome, Firefox und Safari gleichermaßen in identische Kanalwerte aufgelöst wird, da die Konvertierung keinen Raum für Interpretationen lässt.
Was sollten Sie nach der Verwendung eines HEX-zu-RGB-Konverters als Nächstes konvertieren?
Ein Hex-zu-RGB-Konverter beendet seine Arbeit in dem Moment, in dem ein Hex-Code in drei Dezimalkanalwerte umgewandelt wird. Die nächsten Aufgaben in einem typischen Farb-Workflow sind die Umwandlung des Farbraums, die Kontrastprüfung und die druckfertigen Formate.
Diese Schritte funktionieren am besten in einer festen Reihenfolge, da jeder Schritt das Ergebnis des vorherigen rückgängig machen kann.
- HSL-Anpassung zuerst, während die Farben noch im Fluss sind (der RGB zu HSL-Konverter nimmt die Werte von hier)
- Zweite Kontrastprüfung, sobald die Farbtöne festgelegt sind
- CMYK-Konvertierung zuletzt, nur für druckgebundene Assets
Das Anpassen der Helligkeit nach der Kontrastprüfung kann ein durchgehendes Paar leise unter 4,5: 1 drücken, also überprüfen Sie jede Farbe, die Sie anpassen, erneut.
Das Speichern von Farben als Hex und das Konvertieren in RGB nur dort, wo ein Skript die Zahlen benötigt, hält Stylesheets kompakt, ohne dass es zur Renderzeit etwas kostet.
Druckteams führen die Berechnung meist einen Schritt weiter und rechnen dieselben rgb-Zahlen in CMYK-Werte um, um sie für den Offset- oder Digitaldruck zu verwenden. Der Vergleich RGB und CMYK (EN) erklärt, warum beide Ergebnisse selten genau übereinstimmen.