Design
CSS-Verlaufsgenerator
CSS-Verlaufsgenerator. Eingabe: 2 colors. Ausgabe: CSS linear-gradient.
Werkzeug öffnen Alle Werkzeuge
Online-Tools für Farben und Gestaltung
Farben umrechnen und mischen, Kontraste prüfen, Verläufe und CSS-Effekte erstellen und wiederverwendbare Paletten exportieren.
FARBEN UND GESTALTUNGGGMET · FREE TOOLS18Werkzeuge
$0Core features are free
WEBNo software installation
Design
Werkzeug auswählen
Code and formats
Design
HEX-, RGB-, HSL- und HSV-Konverter
HEX-, RGB-, HSL- und HSV-Konverter. Eingabe: HEX, RGB, HSL, HSV. Ausgabe: color values.
Werkzeug öffnen
Design
Radialer CSS-Verlaufsgenerator
Radialer CSS-Verlaufsgenerator. Eingabe: 2 colors. Ausgabe: CSS radial-gradient.
Werkzeug öffnen
Design
Mehrfarbiger CSS-Verlaufsgenerator
Mehrfarbiger CSS-Verlaufsgenerator. Eingabe: color stops. Ausgabe: CSS linear-gradient.
Werkzeug öffnen
Design
WCAG-Kontrastprüfer
WCAG-Kontrastprüfer. Eingabe: foreground + background. Ausgabe: contrast ratio.
Werkzeug öffnen
Design
Lesbare Textfarbe ermitteln
Lesbare Textfarbe ermitteln. Eingabe: background color. Ausgabe: light or dark text choice.
Werkzeug öffnen
Design
Farbschema-Generator
Farbschema-Generator. Eingabe: base color. Ausgabe: color palette.
Werkzeug öffnen
Design
Farben mischen
Farben mischen. Eingabe: 2 colors. Ausgabe: mixed color.
Werkzeug öffnen
Design
Farbtöne erzeugen
Farbtöne erzeugen. Eingabe: base color. Ausgabe: lighter and darker shades.
Werkzeug öffnen
Design
CSS-Box-Shadow-Generator
CSS-Box-Shadow-Generator. Eingabe: CSS parameters. Ausgabe: CSS box-shadow.
Werkzeug öffnen
Design
CSS-Text-Shadow-Generator
CSS-Text-Shadow-Generator. Eingabe: text + shadow parameters. Ausgabe: CSS text-shadow.
Werkzeug öffnen
Design
CSS-Border-Radius-Generator
CSS-Border-Radius-Generator. Eingabe: corner values. Ausgabe: CSS border-radius.
Werkzeug öffnen
Design
CSS-Bildfilter-Generator
CSS-Bildfilter-Generator. Eingabe: image preview. Ausgabe: CSS filter.
Werkzeug öffnen
Design
Glassmorphism-Generator
Glassmorphism-Generator. Eingabe: background and panel parameters. Ausgabe: CSS.
Werkzeug öffnen
Design
CSS-Muster-Generator
CSS-Muster-Generator. Eingabe: colors and pattern settings. Ausgabe: CSS background.
Werkzeug öffnen
Design
SVG-Trenner-Generator
SVG-Trenner-Generator. Eingabe: shape parameters. Ausgabe: SVG.
Werkzeug öffnen
Design
CSS-Variablen-Generator
CSS-Variablen-Generator. Eingabe: palette. Ausgabe: CSS custom properties.
Werkzeug öffnen
Design
Farbpalette exportieren
Farbpalette exportieren. Eingabe: palette. Ausgabe: CSS, JSON, SVG, PNG.
Werkzeug öffnenOnline-Tools für Farben und Gestaltung
Benötige ich ein Konto?
Nein. Die Grundfunktionen der Werkzeuge sind ohne Registrierung verfügbar.
Speichert GGMet meine Dateien?
Nein. Ausgewählte Dateien werden nur für das angeforderte Ergebnis verwendet und nicht von GGMet gespeichert.
Wovon hängt das Verarbeitungslimit ab?
Die praktische Grenze hängt von Dateigröße, gewählter Aufgabe und verfügbarem Gerätespeicher ab.