Zum Hauptinhalt springen
Uddatak

Design- und CSS-Tools

Generieren Sie CSS-Verläufe, Schatten, und Randradien, und prüfen Sie den Farbkontrast für das Web. 17 Tools — Läuft vollständig in deinem Browser.

Vollständig lokal

Farbkontrast-Prüfer

Prüfen Sie, ob ein Text-/Hintergrundfarbpaar die WCAG-Barrierefreiheits-Kontraststandards erfüllt.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Verlaufsgenerator

Erstellen Sie visuell einen linearen oder radialen CSS-Verlauf und kopieren Sie den Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS Box-Shadow-Generator

Gestalten Sie einen CSS-box-shadow visuell mit Reglern und kopieren Sie den generierten Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS Border-Radius-Generator

Gestalten Sie abgerundete Ecken visuell — einschließlich asymmetrischer Formen — und kopieren Sie den CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

PX-zu-REM-Umrechner

Rechnen Sie zwischen Pixel und rem-Einheiten um, basierend auf einer benutzerdefinierten Root-Schriftgröße.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Farbpaletten-Extraktor

Extrahiere die dominantesten Farben aus jedem Bild, mit HEX-, RGB- und CSS-Codes

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Code-Screenshot-Generator

Füge Code ein und verwandle ihn in ein poliertes Bild mit Verlaufshintergrund und Titelleiste, bereit zum Teilen

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Farbenblindheit-Simulator

Sieh, wie dein Bild für jemanden mit Farbenblindheit aussieht (Protanopie, Deuteranopie, Tritanopie oder Achromatopsie)

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Clip-Path-Generator

Wähle eine fertige Form (Kreis, Dreieck, Stern, Sprechblase...) und kopiere den clip-path-CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Cubic-Bezier-Easing-Generator

Ziehe zwei Punkte, um eine eigene Bewegungs-Easing-Kurve zu gestalten, und kopiere den cubic-bezier-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Glassmorphism-Generator

Gestalte visuell einen Milchglas-Karteneffekt und kopiere den fertigen CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Grid- & Flexbox-Generator

Gestalte visuell ein Grid- oder Flexbox-Layout mit Live-Vorschau und kopiere den fertigen CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Text-zu-Handschrift-Konverter

Verwandle getippten Text in ein Bild, das wie handgeschrieben auf liniertem Papier aussieht, in verschiedenen Handschriftstilen.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

SVG-Blob- und Hintergrundmuster-Generator

Erzeuge eine zufällige organische Blob-Form oder ein nahtloses, sich wiederholendes Hintergrundmuster als SVG, und kopiere oder lade es herunter.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Keyframe-Animation-Generator

Gestalte eine CSS-Animation visuell (Einblenden, Einschieben, Zoomen, Springen, Drehen, Umklappen) und erhalte einsatzbereiten @keyframes-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Farbpaletten-Harmonie-Generator

Wähle eine Grundfarbe und erhalte eine harmonische Farbpalette (komplementär, analog, triadisch, tetradisch, monochromatisch).

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Mesh-Gradient-Generator

Erstelle mit einem Klick einen weichen Mesh-Gradient-Hintergrund mit mehreren Farbpunkten und kopiere fertigen CSS-Code.

Design- und CSS-ToolsTool öffnen

Ähnliche Tools

KI-ToolsText-ToolsPDF-ToolsBild-Tools
Tools