Farb-Umrechner
HEX, RGB, HSL und CMYK – dazu das Kontrastverhältnis, das über Lesbarkeit entscheidet.
Beispiele ersetzen vorübergehend Eingabe und Einstellungen. Du kannst deine vorherige Arbeit wiederherstellen.
0 Zeichen
Ergebnis
Oben einfügen oder tippen, das Ergebnis erscheint hier.
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool läuft vollständig in Ihrem Browser. Was Sie einfügen, wird auf Ihrem Gerät verarbeitet und nie an einen Server gesendet. Es ist daher auch für Tokens, Schlüssel und unveröffentlichte Texte sicher.
Beispiel
Anwendungsbeispiel — Farb-Umrechner
Gib die Eingabezeilen der Reihe nach ein und verwende die folgenden Einstellungen. Vergleiche das Ergebnis mit den Ausgabezeilen.
| Eintrag | Wert |
|---|---|
| Eingabe 1 | #336699 |
| Ausgabe 1 | HEX #336699 |
| Ausgabe 2 | RGB rgb(51, 102, 153) |
| Ausgabe 3 | HSL hsl(210, 50%, 40%) |
| Ausgabe 4 | CMYK 67%, 33%, 0%, 40% |
| Ausgabe 5 | Auf Weiß 6,00:1 · auf Schwarz 3,50:1 |
#336699 entspricht RGB (51, 102, 153) und HSL (210°, 50%, 40%). Alle Angaben beschreiben dieselbe Farbe.
So funktioniert es
- Eine Farbe einfügen: #3b5bdb, #fff, rgb(59 91 219), rgba(59, 91, 219, 0.5) oder hsl(228, 69%, 55%).
- Eine Farbe je Zeile, um eine ganze Palette auf einmal umzurechnen.
- Die Schreibweisen zurücklesen und darunter die beiden Kontrastwerte.
- Kopieren, was Sie brauchen.
Häufige Fragen
- Welche Schreibweisen liest es?
- Hex mit drei, vier, sechs und acht Stellen, rgb() und rgba(), hsl() und hsla(), mit Kommas oder Leerzeichen getrennt und einem Alpha nach einem Schrägstrich. Benannte Farben werden nicht gelesen.
- Wofür sind die beiden Kontrastzahlen?
- Es sind die WCAG-Kontrastverhältnisse Ihrer Farbe gegen Weiß und gegen Schwarz – daran entscheidet sich, ob Text darauf lesbar ist. Merkenswerte Schwellen: 4,5:1 für Fließtext, 3:1 für großen oder fetten Text, und 21:1 ist Schwarz auf Weiß.
- Ist das CMYK exakt?
- Nein, und kein Browser kann das leisten. Echtes CMYK hängt von Maschine, Farbe und Papier ab – das beschreibt ein Farbprofil. Die Zahlen hier sind die schlichte Umrechnung, richtig für eine grobe Vorstellung und falsch als Druckvorgabe.
- Wird etwas an einen Server geschickt?
- Nein. Es läuft im Browser, was Sie eingeben, bleibt auf Ihrem Rechner.
Verwandte Tools
⛓ URL-Kodierer / -Dekodierer Prozentkodierung in beide Richtungen, während Sie tippen. ∿ Base64 Text nach Base64 und zurück, mit korrektem UTF-8 und optionalem URL-sicherem Alphabet. • UUID-Generator UUID-v4- oder -v7-Bezeichner in Menge, erzeugt auf Ihrem Gerät aus einer sicheren Zufallsquelle. {} JSON-Formatierer JSON einfügen und sofort eingerückt, minimiert oder geprüft zurückbekommen. Die Daten bleiben auf dieser Seite.