QodeCat Menü
Alle Tools
QR-Code-GeneratorWhatsApp-Link-GeneratorLorem IpsumText-KonverterFarb-KonverterMarkdown-EditorWortzählerKontrast-CheckerSchöne SchriftTürkische Zeichen korrigierenSlug-GeneratorIBAN prüfen

© 2026 QodeCat Studio

Tool wird geladen…

Alle Farbformate in einem Tool

Im Web werden Farben in vielen Formaten angegeben. Designer arbeiten meist mit HEX, CSS-Frameworks verlangen dagegen oft RGB- oder HSL-Werte. Dieses Tool rechnet jede Farbe sofort um und schließt so die Lücke.

  • HEX: Das Standardformat für Webfarben (z. B. #007bff).
  • RGB: Rot-, Grün- und Blauwerte (z. B. für CSS-Variablen).
  • HSL: Farbton, Sättigung, Helligkeit (ideal, um Farben per Code anzupassen).
  • CMYK: Cyan, Magenta, Gelb, Schwarz (für den Druck).

Generator für hellere und dunklere Töne

Du brauchst einen helleren Hintergrund oder einen dunkleren Rahmen für deinen Button? Gib deine Markenfarbe ein und das Tool erstellt automatisch eine Skala aus neun Abstufungen von hell bis dunkel. Ideal für deine Tailwind-CSS-Konfiguration oder dein Designsystem.

Häufig gestellte Fragen

F. Wie rechne ich einen HEX-Code in RGB um?

Gib den HEX-Code in das Feld ein oder klicke auf die Vorschau und wähle eine Farbe. RGB, HSL und CMYK werden sofort berechnet. Zum Kopieren klickst du auf das Symbol neben dem Wert.

F. Welche HEX-Formate werden unterstützt?

Dreistellige (#fff) und sechsstellige (#3B82F6) HEX-Codes. Wenn du das # weglässt, ergänzt das Tool es automatisch.

F. Wie kopiere ich einen Farbton aus der Palette?

Klicke auf eine beliebige Zeile der Palette, dann wird der hsl()-Wert dieses Tons in die Zwischenablage kopiert.