Über dieses Tool
Gib eine Farbe als HEX, RGB oder HSL ein und erhalte gleichwertige Darstellungen sowie eine visuelle Vorschau. So lassen sich Farben zwischen CSS, Designprogrammen und Dokumentationen übertragen. Die tatsächliche Wirkung hängt zusätzlich von Bildschirm, Farbprofil und Hintergrundkontrast ab.
So funktioniert es
- 1Einen gültigen HEX-, RGB- oder HSL-Wert eingeben.
- 2Vorschau und umgerechnete Werte prüfen.
- 3Das benötigte Format kopieren und den Kontrast testen.
Vorteile
- Sofortige Umrechnung gängiger Web-Farbformate.
- Vorschau zum Erkennen falscher Eingaben.
- Ausgaben für CSS und Designwerkzeuge.
Detailed guides for this tool
Learn the underlying concepts, worked examples and common mistakes before relying on the result.
Häufig gestellte Fragen
Beschreiben HEX und RGB dieselbe Farbe?+
Ja, wenn beide dieselben Rot-, Grün- und Blaukanäle darstellen. HEX ist deren kompakte hexadezimale Schreibweise.
Wofür ist HSL nützlich?+
HSL trennt Farbton, Sättigung und Helligkeit und erleichtert dadurch hellere, dunklere oder entsättigte Varianten.
Garantiert die Umrechnung Barrierefreiheit?+
Nein. Prüfe den Kontrast zwischen Text und Hintergrund mit einem eigenen Kontrastwerkzeug.