Farben zwischen HEX, RGB und HSL umwandeln gehört zum Alltag von Designern und Entwicklern. Ein Farbkonverter erledigt die Berechnung sofort — egal ob HEX-Code aus einem Brand-Guide, RGB für ein Canvas-Element oder HSL zum Anpassen von Helligkeitsstufen.
Die wichtigsten Farbformate
- HEX: #4F46E5 — kompakt, in CSS und Design-Tools weit verbreitet.
- RGB: rgb(79, 70, 229) — Rot-, Grün- und Blaukanäle (0–255).
- HSL: hsl(243, 76 %, 59 %) — Farbton, Sättigung, Helligkeit; ideal zum Anpassen von Tönen.
- HSB/HSV und CMYK sind ebenfalls in Design-Software und im Druckbereich verbreitet.
Schritt für Schritt: Farben auf ToolHub konvertieren
Schritt 1: Öffne den Farbkonverter.
Schritt 2: Farbe eingeben. Tippe einen HEX-Code, füge RGB ein oder wähle visuell mit dem Farbwähler.
Schritt 3: Alle Formate auf einmal lesen. HEX, RGB, HSL und mehr werden sofort aktualisiert.
Schritt 4: Benötigtes Format kopieren. Ein Klick kopiert jedes Format.
Tipps für die Arbeit mit Farben
- HSL für Helligkeitsanpassungen: Ändere einfach den Helligkeitswert, um hellere oder dunklere Töne zu erhalten.
- Markenfarben in HEX für konsistente Verwendung in verschiedenen Tools speichern.
- Tints und Shades durch schrittweise Erhöhung oder Verringerung der HSL-Helligkeit erstellen.
Barrierefreiheit und Kontrast
Ein ausreichender Farbkontrast ist entscheidend für die Barrierefreiheit. Das Verhältnis zwischen Text und Hintergrundfarbe sollte laut WCAG mindestens 4,5:1 betragen. Der Farbkonverter hilft dir, Kontrastverhältnisse direkt zu prüfen.
Häufig gestellte Fragen
Welches Format sollte ich in CSS verwenden? HEX und RGB sind am gebräuchlichsten; HSL ist praktisch für Anpassungen.
Wird Transparenz unterstützt? Ja — RGBA und 8-stelliges HEX enthalten einen Alpha-Kanal.
Ist es kostenlos? Ja, ohne Anmeldung.