CSS-Gradient-Generator
Lineare und radiale CSS-Gradienten visuell erstellen. Farb-Stopps hinzufügen, Winkel anpassen und den CSS-Code kopieren.
Tipps & Tricks
- CSS-Gradienten sind auflösungsunabhängig.
- Verwende
linear-gradient(to right, ...)oder einen Winkel in Grad. - Mehrere Farb-Stopps für komplexe Gradienten:
linear-gradient(#f00, #0f0, #00f). - Radialgradienten arbeiten von einem Mittelpunkt aus — nützlich für Spotlight-Effekte.
- Alle modernen Browser unterstützen CSS-Gradienten.
Verwandte Werkzeuge
Farbkontrast-Analysator
WCAG-2.1-Kontrastverhältnisse prüfen. Bestanden/Nicht bestanden für AA und AAA — plus automatische Vorschläge und Live-Textvorschau.
Farbblindheits-Simulator
Bild hochladen und sehen, wie es bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussieht.
Online-Farbwähler — HEX, RGB & HSL
Wählen Sie visuell jede Farbe mit einem Canvas-basierten HSV-Wähler. Exportieren Sie als HEX, RGB oder HSL.
Farbrad Online — interaktiver HSL-Farbwähler
Interaktives HSL-Farbrad. Klicken Sie auf jeden Punkt, um seinen Farbton und die Sättigung auszuwählen.
Bild-Farbwähler — Farben aus Fotos
Laden Sie ein beliebiges Bild hoch und klicken Sie, um Farben direkt aus Pixeln zu entnehmen.
HEX zu RGB Farbkonverter
Wandle HEX-Farbcodes sofort in RGB-, HSL-, HSV- und CMYK-Werte um.
RGB zu HEX Farbkonverter
Stelle R-, G-, B-Werte mit Schiebereglern oder Eingaben ein und erhalte die HEX- und HSL-Ausgabe.
Farbkontrast-Prüfer Online — WCAG AA & AAA
Prüfen Sie das WCAG-2.1-Farbkontrastverhältnis für AA- und AAA-Konformität. Live-Textvorschau.
Farbmischer & Farbverlauf-Generator
Mischen Sie zwei Farben mit einem Verhältnisregler. Erhalten Sie eine vollständige Farbverlaufspalette.
CSS-Farbnamen — Alle 148 Farben
Durchsuche alle 148 CSS-Farbnamen mit ihren HEX- und RGB-Werten.
Material-Design-Farbtabelle & Palette
Material-Design-Farbpalette — 19 Farbfamilien × 10 Abstufungen.
Minecraft-Farbcodes & Formatierung
Alle Minecraft-§-präfixierten Farb- und Formatierungscodes mit Vorschau.
Roblox-Farbcodes & BrickColor-IDs
Vollständige Roblox-BrickColor-Palette mit Farb-IDs und RGB-Werten.
Farbpaletten-Generator
Harmonische Farbpaletten aus einer Basisfarbe generieren — komplementär, triadisch und analog.
Farbformat-Konverter
Farben sofort zwischen HEX, RGB, HSL, HSV, CMYK und CSS-Farbnamen umwandeln.
Farbton-Generator
10-stufige Farbtonpalette (50–900) aus einer Basisfarbe generieren wie Tailwind CSS. HEX, RGB und CSS-Variablen kopieren.
Farbverlauf-Paletten-Generator
Gleichmäßige RGB-Farbverläufe zwischen zwei Farben mit 3–20 Schritten. HEX, CSS linear-gradient oder Tailwind-Array kopieren.