Farbkonverter: Hex in RGB, HSL und mehr online kostenlos umwandeln

Eine Farbe, viele Sprachen

Designtools exportieren HEX, Entwickler schreiben Skripte in RGB, Druckereien erwarten CMYK und Designer denken in HSL. Das Umwandeln zwischen Farbformaten hält eine Farbe über jeden Workflow kohärent.

Derselbe Farbton, geschrieben in der Sprache, die jedes Werkzeug spricht.

ChooseTools wandelt Farben mit Live-Vorschau lokal in Ihrem Browser um.

Ohne Konverter verschwenden Teams Zeit mit dem manuellen Neuberechnen von Werten – dabei entstehen Rundungsfehler und visuelle Abweichungen, die sich bis in die Produktion ziehen.

So wandeln Sie eine Farbe um

Vom Farbwähler in alle Formate gleichzeitig.

Geben Sie einen Farbwert in HEX, RGB, HSL oder als benannte CSS-Farbe ein, und alle anderen Darstellungen aktualisieren sich neben einem visuellen Farbfeld.

Die Umwandlung ist lokal und sofort.

Sie können auch einen Wert direkt aus Ihrer Zwischenablage einfügen, egal ob er aus einer Design-Token-Datei, einem Styleguide oder einem Browser-Inspektor stammt.

HEX, RGB und HSL im Einsatz erklärt

HEX verdichtet Rot, Grün und Blau in sechs Ziffern für Stylesheets.

RGB eignet sich für Skripte und APIs; HSL drückt Farbton, Sättigung und Helligkeit für Anpassungen aus.

Jede Ansicht führt ein anderes Gespräch über dieselbe Farbe.

Zu wissen, wann welches Format Zeit spart, macht sich bezahlt: HEX für schnelle CSS-Deklarationen, RGB für programmatisches Mischen und HSL zum Feinabstimmen der Helligkeit, ohne Komponentenwerte zu raten.

Vom Design zum Code ohne Umwege

Holen Sie sich einen Farbton aus Designdateien und erhalten Sie den exakten CSS-Wert.

Stimmen Sie HSL für Variationen ab und exportieren Sie dann das HEX, das Sie in das Theme einfügen.

Die Designabsicht übersteht die Übergabe.

Teams, die Farben am Übergabepunkt umwandeln, vermeiden den verbreiteten Fehler, bei dem ein Designer ein angenähertes RGB-Triplett durchreicht und der Entwickler einen leicht falschen Farbton umsetzt.

Formatübergreifende Genauigkeit für Markensysteme

Markenfarben brauchen konsistente Werte über Web, Print und Entwicklung hinweg.

Der Konverter gleicht jede Darstellung mathematisch ab.

Ein Farbton, überall identisch.

Wenn ein Markenleitfaden Pantone 286 C vorgibt, sorgt die Umwandlung in HEX-, RGB- und CMYK-Varianten dafür, dass jeder Berührungspunkt dieselbe Identität rendert.

Opazität, Alphakanal und Transparenz

Einige Formate führen einen Alphakanal für halbtransparente Overlays, andere nicht.

Bei der Umwandlung von RGBA in HEX muss der Alphawert separat behandelt oder in eine achtstellige HEX-Notation umgewandelt werden, die einige moderne Browser unterstützen.

Wer sich der Alpha-Bedeutung bewusst ist, verhindert Überraschungen, wenn gestapelte UI-Komponenten anders rendern als beabsichtigt.

Harmonische Paletten aus einem einzigen Farbton aufbauen

Ist eine Grundfarbe erst in HSL umgewandelt, ergeben sich durch Drehen des Farbrads um dreißig oder sechzig Grad automatisch komplementäre und analoge Paletten.

Konstante Sättigung bei verschobener Helligkeit erzeugt Tönungen und Schattierungen, die als Hintergrund- und Vordergrundpaare funktionieren.

Ausgehend von einer verifizierten Umwandlung teilt jedes Palettenmitglied denselben farbraumlichen Ursprung.

Barrierefreiheit und Kontrastprüfung

Die Web Content Accessibility Guidelines verlangen Mindestkontrastverhältnisse zwischen Text- und Hintergrundfarben.

Nach der Umwandlung eines Farbpaares zeigt der Vergleich ihrer Luminanzwerte, ob die Kombination die AA- oder AAA-Schwellen erreicht.

Designer, die im selben Arbeitsschritt umwandeln und dann den Kontrast prüfen, fangen Barrierefehler ab, bevor Code die Produktion erreicht.

Lichtgrauer Text auf weißem Hintergrund etwa ergibt ein Kontrastverhältnis weit unter dem für Fließtext geforderten Verhältnis von 4,5 zu 1 – ein Hinweis, dass entweder Vordergrund oder Hintergrund angepasst werden müssen.

Verläufe und Interpolation über Formate hinweg

Weiche CSS-Verläufe hängen von der Interpolation zwischen den Komponentenkanälen des gewählten Formats ab.

Wer die beiden Endfarben vor dem Verlaufsaufbau in RGB umwandelt, erhält den vorhersehbarsten Verlauf, während HLS-Interpolation unerwartete Zwischenfarbtöne durchlaufen kann.

Zu verstehen, wie ein Format interpoliert, hilft Entwicklern, die richtige Darstellung für Buttons, Diagramme und Datenvisualisierungen zu wählen.

Private Farbarbeit

Paletten in der Entwicklung werden auf dem Gerät umgewandelt.

Kein Upload, kein Konto, kein Wasserzeichen – auf allen Plattformen.

Markengeheimnisse bleiben im Studio.

Vorab veröffentlichte Farbschemata für Produktstarts oder Saisonkampagnen bleiben Dritten unsichtbar, wenn die Umwandlung lokal erfolgt.

Farbarbeit im Bildwerkzeug-Set

Kombinieren Sie mit der Farbwähler-Erfassung und Bildfilter-Anpassungen für einen vollständigen Farbworkflow.

Die Suite ist kostenlos und browser-nativ.

Jeder Farbton, in jeder Notation, sofort.

Ausgehend von einem umgewandelten Farbwert können Sie Filter anwenden, Verläufe erzeugen oder harmonische Paletten erstellen, ohne den Browser zu verlassen.