Farb-Tools
Farbformate konvertieren und CSS-Farbverläufe mit Live-Vorschau bauen.
Farbkonverter
In Echtzeit zwischen HEX, RGB, HSL, HSV und CMYK konvertieren. Farbe wählen oder beliebigen Wert einfügen — alle Formate aktualisieren sich beim Tippen.
Öffnen →CSS-Gradient-Generator
Bauen Sie linear-, radial- und conic-Gradients visuell mit Mehr-Stopp-Kontrolle, Winkel-Auswahl und kopierbarer CSS-Ausgabe.
Öffnen →CSS-Box-Shadow-Generator
Mehrere Schatten-Ebenen stapeln, Offset, Blur, Spread und Alpha einstellen, CSS oder Tailwind-Klasse kopieren.
Öffnen →CSS-Clamp-Generator (fluide Typografie)
Typ-Scale, die mit dem Viewport wächst. Min- und Max-Schriftgröße wählen, Min- und Max-Bildschirmbreiten — fertige clamp()-Regel mit Live-Vorschau-Slider zum Kopieren.
Öffnen →CSS-Easing- & Cubic-Bezier-Visualisierer
SVG-Griffe ziehen, Werte tippen oder aus 30+ benannten Kurven wählen. Live-Animationsvorschau und kopierbereite Ausgabe für Vanilla-CSS, GSAP und Framer Motion.
Öffnen →Kontrast-Prüfer
WCAG-Kontrastverhältnisse zwischen zwei Farben prüfen. Pass/Fail-Badges für AA und AAA bei normaler und großer Schriftgröße — mit Live-Vorschau.
Öffnen →Farbenblindheits-Simulator
Vorschau jeder Farbe durch acht Farbsehschwächen. Sehen Sie genau, was Nutzer mit Protanopie, Deuteranopie, Tritanopie, Achromatopsie und ihren milderen Formen wahrnehmen.
Öffnen →Tint-, Tone- & Shade-Generator
Erzeugen Sie zehn hellere Tints, zehn dunklere Shades und zehn grau-gemischte Tones aus jeder Basisfarbe. Klick auf eine Kachel kopiert ihren Hex-Wert.
Öffnen →Farbharmonie-Generator
Komplementäre, analoge, triadische, tetradische, quadratische, geteilt-komplementäre und monochromatische Paletten aus jeder Basisfarbe — mit kopierbaren CSS-Variablen.
Öffnen →Benannte CSS-Farben — Vollständige Liste
Alle 148 von W3C standardisierten benannten CSS-Farben mit HEX, RGB, HSL — durchsuchbar, klick-zum-Kopieren, gruppiert nach Familie.
Öffnen →Farbmischer
Mischen Sie zwei Farben in beliebigem Verhältnis mit linearer Licht-Interpolation. Optional 11 gleichmäßig verteilte Gradienten-Stopps zwischen ihnen anzeigen.
Öffnen →Farbpaletten-Generator
Erzeugen Sie schöne Paletten — analog, monochromatisch, triadisch, tetradisch, komplementär — mit einem Klick. Mit verstellbarer Sättigung und Helligkeit.
Öffnen →