Farbkonverter: HEX, RGB, HSL, OKLCH
Rechne jede CSS-Farbe zwischen HEX, RGB, HSL, HWB, OKLCH und CMYK um, prüfe den WCAG-Kontrast zu Weiß und Schwarz und erhalte passende Aufhellungen und Abdunklungen.
So funktioniert's
- 1
Eingabe einfügen oder tippen
Füge Text oder Code ein, zieh eine Datei in den Editor oder klicke auf Datei öffnen. Mit Beispiel laden siehst du, wie das Tool funktioniert.
- 2
Optionen wählen
Das Ergebnis aktualisiert sich schon während der Eingabe. Wechsle den Modus oder passe die Optionen an, um genau die Ausgabe zu erhalten, die du brauchst.
- 3
Kopieren oder herunterladen
Kopiere das Ergebnis mit einem Klick in die Zwischenablage oder lade es als Datei herunter.
Warum PixNudge
Nichts verlässt deinen Browser
Passwörter, API-Schlüssel, Tokens, SQL-Abfragen und Kundendaten werden auf deinem Gerät verarbeitet und nie an einen Server gesendet.
Sofortige Ergebnisse
Kein Upload, keine Wartezeit: Ergebnisse erscheinen schon beim Tippen – auch bei großen Eingaben.
Kostenlos, ohne Anmeldung
Kein Konto, keine Limits und keine Werbung in den Tools. Setz dir ein Lesezeichen und nutze sie, wann immer du sie brauchst.
Häufige Fragen
Welche Farbformate kann ich eingeben?
Alles, was dein Browser als CSS-Farbe versteht: Hex-Codes mit oder ohne #, rgb(), hsl(), hwb(), lab(), lch(), oklch(), color() und die 148 benannten Farben wie rebeccapurple.
Was bedeuten die Kontrast-Badges?
WCAG 2 verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text (AA), 3:1 für großen Text und 7:1 für die strengere Stufe AAA. Die Badges zeigen, welche Stufen die Farbe als Text auf Weiß und auf Schwarz erfüllt.
Ist der CMYK-Wert druckfertig?
Es handelt sich um eine einfache mathematische Umrechnung ohne Farbprofil. Druckereien verwenden Profile wie FOGRA oder GRACoL – frag also deine Druckerei oder rechne für exakte Druckfarben in einem Designprogramm um.