TToolHub
🎨

Farbkonverter

Füge eine beliebige HEX-, RGB- oder HSL-Farbe ein und sieh sofort ihre Entsprechung in den anderen Formaten mit einer Live-Farbvorschau.

·

Farbauswahl

HEX
Helligkeit
Dunkel
Temperatur
Kühl

Alle Formate

HEX
RGB
RGBA
HSL
HSLA
HSB
CMYK
LAB
CSS
TAILWIND

CSS-Variablen exportieren

:root {
  --primary: #4f46e5;
}

Tailwind-Übereinstimmung

indigo-600
Genaue Übereinstimmung · #4f46e5

Farbname

royalblue
Nächste · #4169e1
Familie
Blau
Temperatur
Kühl

Anpassen

Original
Angepasst
Helligkeit0
Sättigung0
Farbton0
Deckkraft0

Farbinformationen

Temperatur
Kühl
Helligkeit
Dunkel
Familie
Blau
Jahreszeit
Winter
Empfohlener Text
#ffffff

Vertrauen, Stabilität, Professionalität und Ruhe.

Zuletzt verwendet

Verwendete Farben erscheinen hier.

Gespeicherte Farben

Noch keine gespeicherten Farben.

Tipp: Strg/Cmd+Enter zum Ausführen, Esc zum Neustarten.Ctrl+Enter·Esc

Über dieses Tool

Der Farb-Konverter übersetzt eine Farbe sofort zwischen allen gängigen Formaten — HEX, RGB, HSL, HSB und CMYK — und zeigt sie alle gleichzeitig an. Wählen Sie eine Farbe visuell oder fügen Sie einen Code ein und kopieren Sie das Format, das Sie für CSS, Design oder Druck benötigen.

Typische Anwendungsfälle: API-Payloads debuggen und Antworten inspizieren; Datenformate vor dem Deploy in die Produktion validieren; Boilerplate-Werte für Tests und Fixtures erzeugen; schnelle Referenz, ohne die Doku zu durchsuchen. Ob Schüler, Berufstätige oder einfach jemand, der schnell ein Werkzeug braucht — mit Farbkonverter erledigen Sie die Aufgabe in Sekunden.

So funktioniert es

  1. 1Öffnen Sie Farbkonverter in einem modernen Browser (Chrome, Firefox, Safari, Edge). Keine Installation und keine Anmeldung erforderlich.
  2. 2Geben Sie Ihre Daten ein — einfügen, eintippen oder hochladen, je nach Eingabefeld des Tools.
  3. 3Prüfen Sie das Ergebnis und kopieren oder laden Sie es anschließend herunter. Alle Aktionen geschehen sofort in Ihrem Browser.

Hauptfunktionen

  • 100% clientseitig — Ihre Daten verlassen niemals Ihren Browser
  • Kostenlos, ohne Anmeldung, ohne E-Mail, ohne Bezahlung
  • Funktioniert auf Desktop, Tablet und Smartphone (44 px Tap-Targets)
  • Dark Mode und 17 Sprachen integriert
  • Verarbeitet Payloads bis zu mehreren MB — in den meisten Fällen sofort

Profi-Tipps

  • Nutzen Sie HSL, um eine Farbe aufzuhellen oder abzudunkeln — ändern Sie einfach den Helligkeitswert.
  • Halten Sie Markenfarben in HEX fest, um über alle Tools hinweg konsistent zu bleiben.
  • 8-stelliges HEX und RGBA enthalten einen Alphakanal für Transparenz.

Häufig gestellte Fragen

Welches Format sollte ich in CSS verwenden?
HEX und RGB sind am gebräuchlichsten; HSL ist praktisch zum Anpassen von Farbtönen.
Kann es eine Palette erstellen?
Ja — es erzeugt Tönungen, Schattierungen und Harmonien aus Ihrer Grundfarbe.
Prüft es den Barrierefreiheits-Kontrast?
Ja — es zeigt das WCAG-Kontrastverhältnis zwischen zwei Farben.
Stern antippen

Optional – nur wenn wir bei einem komplexen Problem nachfragen sollen.

Verwandte Tools