Startseite Über uns Kontakt
← Zurück zur Startseite

Farbwähler & Konverter

Farben auswählen und zwischen HEX-, RGB- und HSL-Formaten konvertieren.

Farbe auswählen
Palette
Schattierungen
T?nungen
CSS-Variablen
--color-primary: #8b5cf6;

Übersicht

Farben wählen und zwischen HEX, RGB und HSL umrechnen.

Geeignet für

  • Markenfarben über Assets hinweg angleichen.
  • Kontrast für UI-Text prüfen.
  • Helligkeitsstufen f?r ein UI-Theme erstellen.

Schritt-für-Schritt

  1. Farbe wählen oder Wert eingeben.
  2. Farbton, Sättigung oder Helligkeit anpassen.
  3. Gewünschtes Format kopieren.

Beispiele

Beispiel 1
Eingabe
#FF6A00
Ausgabe
rgb(255, 106, 0)
HEX in RGB umgewandelt.
Beispiel 2
Eingabe
hsl(210, 50%, 40%)
Ausgabe
#336699
HSL in HEX umgewandelt.
Beispiel 3
Eingabe
rgb(12, 99, 200)
Ausgabe
#0C63C8
RGB wird zu HEX konvertiert.

Häufige Fehler

  • Sehr helle Farben verringern den Kontrast.
  • Farbprofile können Werte verschieben.
  • Ohne # ist HEX in CSS ung?ltig.

Profi-Tipps

  • Kontrastverhältnisse für Barrierefreiheit prüfen.
  • Palette speichern für Konsistenz.

FAQ

Warum wird gerundet?
Farbumrechnungen runden, kleine Abweichungen sind normal.
Werden meine Daten hochgeladen?
Nein. Alles läuft lokal im Browser.
Kann ich es offline nutzen?
Ja. Nach dem Laden funktionieren die meisten Tools offline. Einige Assets (z. B. Fonts) benötigen ggf. eine Verbindung.

Daten & Datenschutz

Die Verarbeitung erfolgt lokal im Browser. Es werden keine Daten hochgeladen oder gespeichert.