Jeder Designer und Entwickler kennt diese Hindernisse beim Wechsel zwischen Farbformaten.
Design-Tools exportieren HEX, CSS erwartet HSL, und der Druck benötigt CMYK. Ohne einen zuverlässigen Farbkonverter raten Sie manuell oder springen von Seite zu Seite — und verschwenden wertvolle Arbeitszeit.
RGB manuell in HSL umzurechnen erfordert Trigonometrie. Ein einziger Tippfehler in der Formel dreht Ihren Farbton um 180°. Color Math führt alle Berechnungen sofort und fehlerfrei durch.
Die meisten Farbwähler ignorieren die WCAG 2.1-Kontrastanforderungen. Color Math zeigt Kontrastverhältnisse sofort an, sodass Barrierefreiheit von Anfang an in Ihr Design integriert wird.
Farbvorschau
#3B82F6
rgb(59, 130, 246)
Current
Komplementär
Analog
Triadisch
Farbfeld anklicken, um es zu laden
White text on color
Black text on color
Gespeicherte Farben erscheinen hier
Ein Farbkonverter für alle Systeme. Color Math ersetzt mehrere Tools auf einmal.
Bearbeiten Sie ein beliebiges Feld — HEX, RGB, HSL oder CMYK — und Color Math berechnet sofort alle anderen Formate neu. Kein Bestätigen erforderlich.
Ziehen Sie die Schieberegler R, G, B, H, S, L, C, M, Y, K und beobachten Sie, wie alle Formate live aktualisiert werden. Ideal für feine Farbanpassungen ohne Tastatureingabe.
Color Math erzeugt komplementäre, analoge und triadische Paletten aus Ihrer Farbe. Klicken Sie auf einen Farbton, um ihn sofort zu laden.
Sehen Sie auf einen Blick, welche Kontrastverhältnisse Ihre Farbe auf weißem und schwarzem Hintergrund hat. Color Math zeigt AA, AAA oder Fehlgeschlagen an — für barrierefreies Design von Anfang an.
Jede gespeicherte Farbe bleibt sitzungsübergreifend in Ihrem Browser erhalten. Color Math speichert bis zu 10 zuletzt verwendete Farben zum späteren Vergleich.
Alle Berechnungen in Color Math laufen vollständig in Ihrem Browser. Keine Daten werden übertragen, kein Konto erforderlich — Ihre Farben gehören nur Ihnen.
Von der Verbindung zwischen Design und Code bis hin zu Druck und Barrierefreiheit — Color Math passt sich jedem Schritt Ihres Farbworkflows an.
Haben Sie eine HEX-Farbe aus Figma? Fügen Sie sie in Color Math ein und erhalten Sie sofort das HSL-Äquivalent für Ihre CSS-Custom-Properties. Passen Sie die Helligkeit für Hover- und Fokus-Zustände an, ohne die Design-Datei erneut zu öffnen.
Color Math konvertiert Ihr RGB-Grafikdesign in theoretische CMYK-Werte, um Out-of-Gamut-Rottöne und Orangetöne zu erkennen, bevor Sie die Datei an die Druckerei senden. Vermeiden Sie böse Überraschungen ohne Mehrkosten.
Color Math berechnet WCAG 2.1-Kontrastverhältnisse gegen Weiß und Schwarz in Echtzeit. Stellen Sie sofort fest, ob Ihre Textfarbe die Anforderungen der Stufen AA oder AAA erfüllt — kein zusätzliches Tool nötig.
Drei Schritte zum Konvertieren, Erkunden und Speichern jeder Farbe.
Geben Sie einen HEX-Code ein (Kurzformen wie #f00 werden automatisch erweitert) oder ziehen Sie einen Schieberegler um zu beginnen. Color Math akzeptiert gleichzeitig HEX-, RGB-, HSL- und CMYK-Eingaben.
Wechseln Sie zwischen den Reitern RGB, HSL und CMYK, um über Schieberegler zu justieren. Scrollen Sie zum Paletten-Panel, um komplementäre, analoge und triadische Farben zu sehen, die Color Math generiert hat.
Klicken Sie auf eine Kopierschaltfläche, um das gewünschte Format zu erhalten. Drücken Sie „Farbe speichern“, um die aktuelle Farbe zum Verlauf hinzuzufügen. Color Math bewahrt bis zu 10 Farben sitzungsübergreifend auf.
Antworten auf häufig gestellte Fragen zu Color Math und Farbkonvertierung.
Color Math ist ein kostenloser, browserbasierter Farbkonverter, der HEX-, RGB-, HSL- und CMYK-Farbcodes in Echtzeit umwandelt. Er generiert außerdem Farbpaletten (komplementär, analog, triadisch) und berechnet WCAG 2.1-Kontrastverhältnisse — ohne Server-Anfragen.
Color Math verwendet eine standardmäßige mathematische Umrechnung (RGB → CMYK), die eine gute theoretische Schätzung liefert. Die tatsächliche Druckausgabe hängt jedoch von Drucker, Tinte, Papier und ICC-Farbprofil ab. Verwenden Sie Color Math als Referenz, nicht als Ersatz für professionelles Druckfarbmanagement.
WCAG 2.1 definiert Mindest-Kontrastverhältnisse für gut lesbaren Text. AA erfordert 4,5:1 für normalen Text und 3:1 für großen Text. AAA erfordert 7:1 für normalen Text. Color Math berechnet diese Werte gegen reines Weiß und reines Schwarz, um Ihnen bei der Hintergrundauswahl zu helfen.
HSL (Farbton, Sättigung, Helligkeit) entspricht besser der Art, wie CSS Farben definiert und Designer über Tints und Shades nachdenken. Eine Helligkeit von 50 % in HSL ergibt die reinste Version eines Farbtons, was das Erstellen hellerer oder dunklerer Varianten durch Anpassen eines einzigen Wertes erleichtert.
Color Math speichert Ihre Farben ausschließlich im localStorage Ihres Browsers — niemals auf einem Server. Der Verlauf ist lokal auf Ihrem Gerät und Browserprofil gespeichert. Das Löschen Ihrer Browserdaten entfernt diesen Verlauf.
Color Math berechnet Palettenfarben nach der HSL-Farbtheorie. Komplementärfarben liegen 180° gegenüber auf dem Farbrad. Analoge Farben liegen bei ±30°. Triadische Farben liegen bei +120° und +240°. Sättigung und Helligkeit bleiben identisch zur Ursprungsfarbe, was eine visuell stimmige Palette ergibt.
Ja. Color Math ist vollständig responsiv. Schieberegler, Eingabefelder und das Paletten-Raster passen sich kleinen Bildschirmen an. Da alle Berechnungen lokal ablaufen, gibt es keine Latenzverzögerung in Mobilfunknetzen.
Keine Registrierung erforderlich. Funktioniert nach dem ersten Laden auch offline.
