Farbmischer & Farbverlauf-Generator
Wählen Sie zwei Farben und mischen Sie sie. Passen Sie den Verhältnisregler an, um den Beitrag jeder Farbe zur Mischung zu steuern. Erzeugen Sie eine vollständige Verlaufspalette zwischen den beiden Farben.
Gemischte Farbe
#ac53a8rgb(172, 83, 168)hsl(303, 35%, 50%)Verlaufspalette
Klicken Sie auf ein Muster, um den HEX-Wert zu kopieren
So funktioniert die Farbmischung
Dieses Tool verwendet lineare RGB-Interpolation: Jeder Kanal (R, G, B) wird unabhängig proportional zum Verhältnis gemischt. Bei 50% erhalten Sie den genauen Mittelpunkt zwischen den beiden Farben.
Das Mischen von #ff0000 (Rot) und #0000ff (Blau) bei 50% ergibt zum Beispiel #800080 — Lila.
Die Verlaufspalette
Der Palettenbereich erzeugt eine gleichmäßig verteilte Schrittfolge zwischen Ihren zwei Farben. Nützlich für Design-System-Farbskalen, Datenvisualisierungsverläufe oder CSS-Animationen. Klicken Sie auf einen Farbton, um den HEX-Wert zu kopieren.
Anwendungsfälle
- Einen Mittelpunktton zwischen zwei Markenfarben finden.
- Eine Farbskala von einem hellen Ton bis zu einem dunklen Schatten aufbauen.
- Eine Grundfarbe in Richtung Weiß, Schwarz oder eines komplementären Farbtons tönen.
- Verlaufsstopps für CSS oder SVG erzeugen.
Verwandte Werkzeuge
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.
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.