🎨Farbenkonverter

Lädt...

Farben werden in der Webentwicklung und im Design in verschiedenen Formaten dargestellt: HEX, RGB, HSL, HSV und CMYK. CSS verwendet primär HEX (#FF5733) und RGB (rgb(255, 87, 51)), während Design-Tools oft HSL oder HSV bevorzugen. CMYK ist der Standard für den Druck. Dieses Tool konvertiert Werte sofort in alle anderen Formate.

Anleitung

1
Farbe eingeben
Geben Sie einen Farbwert in HEX, RGB oder HSL ein oder nutzen Sie den Farbwähler für eine visuelle Auswahl.
2
Konvertierungen anzeigen
Die eingegebene Farbe wird gleichzeitig in HEX, RGB, HSL, HSV und CMYK umgerechnet.
3
CSS-Code verwenden
Ein fertiges CSS-Snippet wird unten angezeigt. Kopieren Sie es direkt in Ihr Stylesheet.
4
Vorschau prüfen
Die gewählte Farbe wird in einem Vorschaubereich angezeigt, damit Sie sehen, wie sie auf dem Bildschirm wirkt.

Tipps

💡Das HSL-Format (Hue, Saturation, Lightness) macht Farbanpassungen intuitiver als HEX oder RGB.
💡Achten Sie auf Kontrastverhältnisse zwischen Hintergrund und Text für die Barrierefreiheit (Accessibility).
💡CSS Custom Properties funktionieren besser mit HSL — Variationen lassen sich leichter durch Anpassung einzelner Komponenten erstellen.
💡CMYK-Werte helfen Ihnen, die Unterschiede zwischen Bildschirmfarben (RGB) und Druckmaterialien zu verstehen.

Häufige Fragen

Q. Was ist der Unterschied zwischen HEX, RGB und HSL?: A. HEX ist hexadezimale Notation (#FF5733), RGB gibt Rot/Grün/Blau-Komponenten an (0-255), HSL beschreibt Farbton, Sättigung und Helligkeit – intuitiver für menschliche Anpassungen.
Q. Wie passe ich die Helligkeit in HSL an?: A. Ändern Sie den L-Wert (Helligkeit): 0% ist reines Schwarz, 100% ist reines Weiß, 50% ist die vollständig gesättigte Farbe.
Q. Wie füge ich Transparenz (Alpha) in CSS ein?: A. Verwenden Sie rgba(255, 87, 51, 0.5) oder das 8-stellige HEX-Format #FF573380, wobei die letzten zwei Stellen den Alpha-Kanal darstellen.