Farb-Tools
Starte mit einer Palette oder einem Bild, fixiere deine Favoriten und passe die übrigen Farben an. Wähle lesbare Textfarben für einen einfarbigen Hintergrund oder erstelle einen CSS-Verlauf. Konvertierungs- und Kontrast-Tools helfen bei den letzten Details.
Wähle das passende Tool
- Teste fünf Farben für unterschiedliche Rollen auf einer Seite und kopiere CSS-Variablen: Farbpalette testen
- Finde fünf passende Farben und behalte Favoriten beim erneuten Generieren: 5-Farben-Palette erstellen
- Finde Textfarben mit dem gewünschten Kontrast auf einem einfarbigen Hintergrund: Lesbare Textfarben finden
- Erstelle und bearbeite einen CSS-Verlauf mit zwei oder drei Farben: Zufällige Farbverläufe erstellen
- Rechne HEX-, RGB-, HSL-, HSV- oder CMYK-Werte um: Farben umrechnen
- Bestimme die Farbe an einer Bildstelle: Farbe aus Bild bestimmen
- Extrahiere die wichtigsten Farben eines Bildes: Farbpalette aus Bild extrahieren
- Miss den Kontrast einer vorhandenen Text- und Hintergrundfarbe: Farbkontrast prüfen
- Erstelle hellere, dunklere und transparente Varianten einer Grundfarbe: Farbvariationen erstellen
Website-Farben auswählen – ein praktischer Leitfaden
Von der Inspiration über eine feste Palette und nützliche Farbabstufungen bis zu lesbaren Texten und CSS-Verläufen. Gib jeder Farbe eine klare Aufgabe.
Tools
Generator für 5-Farben-Paletten
Erstelle eine Palette aus fünf Farben für Websites, Präsentationen oder Illustrationen. Behalte eine Farbe, die dir gefällt, und entdecke passende Kombinationen.
Website-Farbpalette als Vorschau
Wende fünf Farben auf einen Website-Entwurf an, prüfe Textkontraste und exportiere semantische CSS-Variablen.
Lesbare Textfarben finden
Finde lesbare Textfarben für deinen Hintergrund, mit WCAG-Kontrastverhältnissen und Live-Vorschau.
Zufällige Farbverläufe erstellen
Erstelle zufällige lineare CSS-Farbverläufe mit zwei oder drei Farben, bearbeite HEX-Werte und kopiere oder lade das CSS herunter.
Farbkonverter
Wandle Farbcodes sofort zwischen HEX, RGB, HSL, HSV/HSB und CMYK um, mit Live-Vorschau und Kopieren per Klick.
Farbpipette für Bilder
Ermittle die HEX- und RGB-Werte einer Farbe in einem Bild. Lade ein Foto hoch oder füge einen Screenshot ein und klicke auf den gewünschten Bereich.
Bildfarbpalette extrahieren
Extrahiere die Hauptfarben eines Bildes und erzeuge eine Farbpalette. Die gesamte Verarbeitung erfolgt in deinem Browser. Das Bild wird nicht auf einen Server hochgeladen.
Farbkontrast prüfen
Prüfe das Kontrastverhältnis und die WCAG-Konformität zwischen Vordergrund- und Hintergrundfarbe
Farbvarianten-Generator
Erzeuge hellere, dunklere und transparente Farbvarianten sowie Farben mit ausreichendem Kontrast
Einfacher Ablauf
Finde Inspiration und fixiere Favoriten mit 5-Farben-Palette erstellen → finde Textfarben für einen einfarbigen Hintergrund mit Lesbare Textfarben finden → erstelle einen dekorativen Hintergrund mit Zufällige Farbverläufe erstellen . Prüfe den Textkontrast an den verschiedenen Stellen des Farbverlaufs.
Häufige Fragen
Welches Farbformat sollte ich für CSS verwenden?
HEX, RGB, HSL und moderne CSS-Farbsyntax funktionieren in Browsern. HEX ist kompakt, RGB eignet sich für Transparenz und HSL erleichtert das Anpassen von Farbton, Sättigung und Helligkeit.
Wofür eignet sich die CMYK-Konvertierung?
Nutze sie zur Schätzung von Druckfarbwerten. Prüfe die endgültigen Farben mit Farbprofil, Papier und Ausgabeeinstellungen in deiner Designsoftware oder mit deiner Druckerei.
Kann ich Farben aus einem lokalen Bild bestimmen?
Ja. Die Bildfarb-Tools verarbeiten lokale Bilder im Browser, um einzelne Farben zu bestimmen oder eine Palette zu extrahieren.
Wie prüfe ich die Lesbarkeit von Text auf einem Hintergrund?
Gib Text- und Hintergrundfarbe in den Farbkontrastprüfer ein. Er berechnet das Kontrastverhältnis und zeigt, ob die Kombination gängige Anforderungen an Barrierefreiheit erfüllt.