Farbwerte umrechnen: Aufgaben und Grenzen
Ein Farbwert liegt in einer Schreibweise vor und wird hier in die übrigen übertragen – mit einem Farbfeld zur Kontrolle.
Funktionen
Umrechnung zwischen HEX, RGB, HSL und RGBA in beide Richtungen, Umgewandelt wird bei jeder Eingabe, das Farbfeld wird sofort mitgezeichnet, Die dreistellige Kurzform wie #f60 wird automatisch aufgeklappt, Gerechnet wird lokal, eine Netzverbindung ist dafür nicht nötig.
Anleitung
- Den Farbwert aus dem Designprogramm kopieren und in das passende Feld einsetzen
- Das Ergebnis der übrigen Schreibweisen ablesen und in das Stylesheet übernehmen
- Für halbtransparente Flächen den RGBA-Wert nutzen; die Deckkraft liegt zwischen 0 und 1
- Das Farbfeld gegen die Vorlage prüfen
Wann es sich lohnt
- HEX aus dem Entwurf in die rgb-Schreibweise für das Stylesheet übertragen
- Dieselbe Farbe für eine halbtransparente Fläche als rgba berechnen
- Vor dem Anpassen eines Verlaufs nach Farbton und Helligkeit in HSL umrechnen
Häufige Fragen
Wird CMYK unterstützt?Nein. CMYK gehört zum Druckfarbraum und braucht ein Farbprofil für eine genaue Umrechnung; Näherungswerte aus einem Webwerkzeug führen beim Druck leicht in die Irre.
Warum weicht HSL beim Zurückrechnen nach HEX ab?Beim Umrechnen wird gerundet; Abweichungen bis 1 sind möglich und mit dem Auge nicht zu sehen. Wo es genau sein muss, gilt der HEX-Wert.
Lassen sich Farben aus einem Bild entnehmen?Ja, dafür nutzen Sie die Farbpipette: Bild hochladen und die gewünschte Stelle anklicken, um den Farbwert dieses Bildpunkts zu lesen.
Worin unterscheidet sich das vom Werkzeug für Farbharmonien?Dort wird eine passende Farbkombination ausgewählt; hier wird nur ein einzelner Farbwert zwischen Schreibweisen umgerechnet.
Unterstützte Fälle
Umgerechnet wird nur die Schreibweise eines Farbwerts; Vorschläge für Farbharmonien, eine Simulation der Farbwahrnehmung und eine Prüfung auf ausreichenden Kontrast gehören nicht dazu. Für HSL gelten die üblichen Formeln, der Farbton wird in Grad angegeben. Eine ungültige Eingabe führt zu einem Hinweis und nicht zu einem falschen Näherungswert.
Weiterführende Werkzeuge
Was sich mit Farbwerte umrechnen sinnvoll ergänzen lässt: