Farbverlauf-Palette Generator
Start- und Endfarbe wählen, Schrittanzahl (3–20) festlegen und sofort eine sanfte RGB-Verlaufspalette erhalten. Als CSS-Verlauf oder Tailwind-Array exportieren.
So funktioniert der Farbverlauf-Generator
Das Tool interpoliert zwischen den zwei Farben im RGB-Farbraum. Für jeden Schritt i (von 0 bis n−1) werden die RGB-Werte berechnet: R = R1 + (R2 − R1) × i / (n − 1), analog für G und B. Jeder Zwischenwert wird gerundet und als zweistelliger Hexadezimalwert kodiert.
Kopieroptionen
Auf ein Farbfeld klicken — kopiert den einzelnen HEX-Wert.
Alle HEX kopieren — kopiert alle HEX-Werte, einen pro Zeile.
CSS-Verlauf — kopiert eine fertige background: linear-gradient(to right, …) CSS-Regel.
Tailwind-Array — kopiert ein JavaScript/TypeScript-Array mit HEX-Strings für Tailwind-Farbstops.
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.